.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(420px,.88fr);background:var(--bg)}
.auth-brand{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;background:linear-gradient(145deg,var(--navy),#162d53);color:#fff;padding:clamp(48px,7vw,108px)}
.auth-brand:before,.auth-brand:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.08);border-radius:50%;z-index:-1}.auth-brand:before{width:min(48vw,680px);aspect-ratio:1;right:-22%;top:-28%}.auth-brand:after{width:min(34vw,480px);aspect-ratio:1;left:-15%;bottom:-30%}
.auth-brand-inner{width:min(680px,100%)}.auth-brand .eyebrow{color:#ffcf68}.auth-brand h1{display:grid;gap:4px;margin:18px 0 24px;font-size:clamp(54px,6.5vw,92px);line-height:.88;letter-spacing:-.045em}.auth-brand h1 span{font-weight:500}.auth-brand h1 strong{color:#ffbd31}.auth-brand p{max-width:600px;margin:0;color:#d7e0ef;font-size:clamp(15px,1.3vw,18px);line-height:1.7}.auth-brand-points{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.auth-brand-points span{padding:7px 10px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.05);font-size:11px;font-weight:800;letter-spacing:.04em}
.auth-login-panel{display:grid;place-items:center;padding:clamp(24px,5vw,72px);background:var(--bg)}.auth-card{width:min(460px,100%);background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:clamp(24px,3vw,36px);box-shadow:var(--shadow)}.auth-card-head{display:flex;align-items:center;gap:14px;margin-bottom:24px}.auth-mark{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:14px;background:var(--navy);color:#ffbd31;font-weight:900}.auth-card h2{margin:0 0 4px;font-size:28px;letter-spacing:-.02em}.auth-card-head p{margin:0}.auth-card form{display:grid;gap:18px}.auth-card label{display:grid;gap:7px;margin:0}.auth-card input{min-height:50px}.auth-card .btn{min-height:50px;margin-top:2px}.auth-security-note{margin:18px 0 0;padding-top:16px;border-top:1px solid var(--line);color:var(--muted);font-size:12px;line-height:1.55;text-align:center}
html[data-theme="dark"] .auth-brand{background:linear-gradient(145deg,#071225,#102541)}
@media(max-width:900px){.auth-shell{grid-template-columns:1fr}.auth-brand{min-height:260px;padding:38px 28px;align-items:flex-end}.auth-brand h1{font-size:48px;margin:12px 0}.auth-brand p{max-width:520px}.auth-brand-points{margin-top:18px}.auth-login-panel{padding:0 18px 32px}.auth-card{margin-top:-34px;position:relative;z-index:2}}
@media(max-width:520px){.auth-brand{min-height:220px;padding:30px 20px}.auth-brand h1{font-size:40px}.auth-brand p{font-size:14px;line-height:1.5}.auth-brand-points{display:none}.auth-login-panel{padding-left:12px;padding-right:12px}.auth-card{padding:22px 18px;border-radius:18px}.auth-card h2{font-size:23px}.auth-card-head{align-items:flex-start}.auth-mark{width:42px;height:42px;flex-basis:42px}}
.auth-challenge-wrap{display:grid;gap:8px}.auth-challenge-head{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:13px;font-weight:750}.auth-challenge-head a{font-size:12px}.auth-challenge-row{display:grid;grid-template-columns:145px 1fr;gap:10px;align-items:center}.auth-challenge-row img{display:block;border:1px solid var(--line);border-radius:9px;background:#f4f6f8}.auth-challenge-row input{text-transform:uppercase;font-family:ui-monospace,Consolas,monospace;font-size:22px;font-weight:800;letter-spacing:.22em;font-variant-numeric:slashed-zero}.auth-challenge-wrap small{color:var(--muted);line-height:1.45}.auth-social{display:grid;gap:12px;margin-top:18px}.auth-social-separator{position:relative;text-align:center;color:var(--muted);font-size:12px}.auth-social-separator:before{content:"";position:absolute;left:0;right:0;top:50%;border-top:1px solid var(--line)}.auth-social-separator span{position:relative;background:var(--surface);padding:0 10px}.auth-social-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.auth-social-btn{display:flex!important;align-items:center;justify-content:center;gap:8px}.auth-social-mark{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--surface-soft);font-size:12px;font-weight:900}@media(max-width:520px){.auth-challenge-row,.auth-social-buttons{grid-template-columns:1fr}.auth-challenge-row img{width:145px}}
.auth-challenge-refresh{appearance:none;border:0;background:transparent;padding:3px 0;color:var(--primary,#2563eb);font:inherit;font-size:12px;font-weight:700;cursor:pointer}.auth-challenge-refresh:hover{text-decoration:underline}.auth-challenge-refresh:disabled{opacity:.55;cursor:not-allowed;text-decoration:none}.auth-challenge-status{min-height:16px;color:var(--muted);font-size:11px;line-height:1.35}.auth-challenge-status.is-error{color:var(--danger,#b91c1c)}
.auth-account-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:4px;border-radius:12px;background:var(--surface-soft,#f2f5f8);margin-bottom:16px}.auth-account-tabs a{padding:9px 10px;border-radius:9px;text-align:center;text-decoration:none;font-size:13px;font-weight:800;color:var(--muted,#64748b)}.auth-account-tabs a.is-active{background:var(--surface,#fff);color:var(--primary,#2563eb);box-shadow:0 1px 6px rgba(15,23,42,.08)}.auth-register-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.auth-register-form label{min-width:0}.auth-register-form label:nth-of-type(1),.auth-register-form label:nth-of-type(2),.auth-register-form label:nth-of-type(5),.auth-register-form label:nth-of-type(6),.auth-register-form .btn{grid-column:1/3}.auth-register-form label small{font-size:11px;color:var(--muted,#64748b)}@media(max-width:640px){.auth-register-form{grid-template-columns:1fr}.auth-register-form label,.auth-register-form label:nth-of-type(1),.auth-register-form label:nth-of-type(2),.auth-register-form label:nth-of-type(5),.auth-register-form label:nth-of-type(6),.auth-register-form .btn{grid-column:auto}}