body.authbody{display:block;background:radial-gradient(900px 600px at 20% -100px,rgba(241,194,50,.14),transparent 65%),#07080d}
.authpage{display:grid;grid-template-columns:minmax(300px,42%) 1fr;min-height:100vh}
.brandpane{position:relative;display:flex;flex-direction:column;gap:26px;padding:44px clamp(24px,4vw,56px);background:radial-gradient(circle at 30% 0%,rgba(241,194,50,.3),transparent 60%),linear-gradient(160deg,#1d1608,#0a0b12);border-right:1px solid var(--line);overflow:hidden}
.brandpane h2{font-family:Georgia,serif;font-size:clamp(30px,3.6vw,48px);line-height:1.1;margin:0 0 14px;color:#f4dc94}.brandpane ul{list-style:none;padding:0;margin:0;display:grid;gap:12px;color:#d5dcea;font-size:16px}
.bp-art{margin-top:auto;position:relative;height:170px}.bpchips{display:flex}.bpchips .chip3d{--s:74px;margin-left:-22px;animation:floaty 3.2s ease-in-out infinite;animation-delay:calc(var(--i)*-.5s)}.bpcards{position:absolute;right:0;bottom:0;display:flex;transform:rotate(9deg)}.bpcards .pc{width:96px;height:136px}
.formpane{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:40px 20px}
.authcard{width:min(480px,100%);padding:34px clamp(22px,4vw,38px);border-radius:24px;background:linear-gradient(180deg,#151b26,#0f141d);border:1px solid rgba(241,194,50,.4);box-shadow:0 30px 80px rgba(0,0,0,.6),0 0 60px rgba(241,194,50,.1)}
.authcard h1{font-family:Georgia,serif;font-size:32px;margin:0 0 4px}.authcard>p.muted{margin:0 0 18px}
.authcard label{display:grid;gap:6px;margin:14px 0;font-size:13px;color:#a9b3c8}.authcard input:not([type=checkbox]){background:#0b0f16;border:1px solid var(--line);border-radius:10px;padding:12px 14px;color:var(--text);width:100%;font-size:15px}
.authcard input:focus{outline:2px solid var(--gold)}.authcard small{color:#6b7488}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pwrow{display:flex;gap:6px}.eye{background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:0 14px;cursor:pointer;color:var(--muted);font-size:12px}
.meter{display:block;height:5px;border-radius:5px;background:#0b0f16;overflow:hidden}.meter i{display:block;height:100%;width:0;border-radius:5px;background:#ff5468;transition:width .25s,background .25s}.meter i[data-s="3"]{background:#ffb020}.meter i[data-s="4"],.meter i[data-s="5"]{background:#2fd08b}
.phonerow{display:flex;gap:6px}.cc{display:grid;place-items:center;padding:0 12px;background:#0b0f16;border:1px solid var(--line);border-radius:10px;color:#c9d2e3;font-size:14px;white-space:nowrap}
.check{display:flex!important;gap:10px;align-items:flex-start;color:#b7bfd0!important}.check input{width:18px;height:18px;flex:none;margin-top:2px;accent-color:var(--gold)}.check a{color:#ffe27a}
.err{min-height:20px;color:#ff8a96;font-size:13.5px;margin:6px 0}.authcard.shake{animation:shake .4s}
.block{width:100%}.btn.busy{opacity:.85;cursor:progress;animation:pulse 1s infinite}
.alt{text-align:center;margin:18px 0 0;color:#a9b3c8;font-size:14px}.alt a,.rowbetween a{color:#ffe27a;font-weight:700}.rowbetween{display:flex;justify-content:space-between;font-size:13px}
.lock{text-align:center;margin:14px 0 0}
.steps3{display:flex;list-style:none;padding:0;margin:0 0 22px;gap:8px}.steps3 li{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#6b7488;position:relative}
.steps3 li::after{content:"";position:absolute;top:14px;left:calc(50% + 18px);right:calc(-50% + 18px);height:2px;background:#263043}.steps3 li:last-child::after{display:none}.steps3 li.done::after{background:var(--gold)}
.steps3 i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#0b0f16;border:2px solid #263043;font-style:normal;font-weight:800;font-size:13px;color:#6b7488}.steps3 li.on i{border-color:var(--gold);color:#ffe27a}.steps3 li.done i{background:var(--gold-grad);color:#1a1205;border-color:transparent}.steps3 li.on{color:#e7d9a8}
.otp{display:flex;gap:10px;justify-content:center;margin:20px 0 6px}.authcard .otp input{width:52px;height:64px;text-align:center;font-family:'Courier New',monospace;font-size:30px;font-weight:700;color:#ffe27a;border-radius:12px;padding:0;background:linear-gradient(180deg,#141a26,#080a10);border-color:#6b5514}
.resend{text-align:center;margin:12px 0 0}.resend a{color:#ffe27a;font-weight:700}
.devnote{margin-top:16px;padding:12px 14px;border:1px dashed #6b5514;border-radius:12px;background:rgba(241,194,50,.06);font-size:12.5px;line-height:1.55;color:#e7d9a8}.devnote code{background:#0b0f16;padding:2px 6px;border-radius:6px;font-size:12px}
.success{text-align:center;padding:20px 0}.success h2{font-family:Georgia,serif;font-size:32px;margin:10px 0}.success p{color:#b7bfd0}.sc-chips{display:flex;justify-content:center;margin-top:20px}.sc-chips .chip3d{--s:56px;margin-left:-14px;animation:floaty 1.6s ease-in-out infinite;animation-delay:calc(var(--i)*-.2s)}
.authfoot a{color:#a9b3c8}
@media(max-width:860px){.authpage{grid-template-columns:1fr}.brandpane{display:none}.two{grid-template-columns:1fr}.authcard .otp input{width:44px;height:56px;font-size:26px}}
.authcard .check a{color:#ffe27a;font-weight:700;text-decoration:underline;text-underline-offset:3px}.authcard .check a:hover{color:#fff}