.auth{position:relative;z-index:2;isolation:isolate;overflow:hidden;min-height:100svh;display:flex;align-items:center;padding:calc(var(--topbar-h) + var(--header-h) + clamp(2rem,5vw,4rem)) 0 clamp(3rem,7vw,5rem);background:radial-gradient(900px 600px at 88% 8%,rgba(0,177,255,.3),transparent 60%),radial-gradient(700px 500px at 4% 96%,rgba(51,105,255,.38),transparent 60%),linear-gradient(160deg,var(--navy) 0%,#0a2145 55%,var(--ink) 100%)}.auth:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.45;background-image:radial-gradient(rgba(93,210,237,.35) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:linear-gradient(to bottom,#000 0%,transparent 85%);mask-image:linear-gradient(to bottom,#000 0%,transparent 85%)}.auth-grid{position:relative;z-index:1;display:flex;align-items:center;justify-content:center}.auth-card{width:min(480px,100%);padding:clamp(1.6rem,3.2vw,2.5rem);background:#ffffff0f;border:1px solid rgba(93,210,237,.22);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 24px 60px #00000059}.auth-card h2{margin:0 0 .4rem;font-size:clamp(1.35rem,2.4vw,1.7rem);font-weight:800;letter-spacing:-.02em}.auth-sub{margin:0 0 1.75rem;font-size:.9rem;color:var(--text-soft)}.auth-form{display:grid;gap:1.1rem}.field{display:flex;flex-direction:column;gap:.4rem}.field label{font-size:.82rem;font-weight:700;color:#fff}.field input{width:100%;padding:.8rem .95rem;font:inherit;font-size:.95rem;color:#fff;background:#ffffff14;border:1px solid rgba(255,255,255,.22);border-radius:6px;outline:0;transition:border-color .2s,background .2s}.field input::placeholder{color:#ffffff80}.field input:focus{border-color:var(--cyan);background:#ffffff1f}.field input:user-invalid{border-color:#ff8a8a}.password-wrap{position:relative;display:flex}.password-wrap input{padding-right:3rem}.password-toggle{position:absolute;right:.35rem;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:6px;background:transparent;color:#ffffffb3;font-size:.9rem;cursor:pointer;transition:color .2s,background .2s}.password-toggle:hover{color:#fff;background:#ffffff1f}.auth-row{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:.5rem 1rem}.checkbox{display:inline-flex;align-items:center;gap:.5rem;font-size:.84rem;color:var(--text-soft);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.checkbox input{flex:none;width:17px;height:17px;margin:0;accent-color:var(--amber);cursor:pointer}.auth-link{font-size:.84rem;font-weight:700;color:var(--cyan);white-space:nowrap}.auth-link:hover{text-decoration:underline;text-underline-offset:3px}.auth-form .btn{width:100%;margin-top:.25rem}.auth-form .btn-primary,.auth-form .btn-primary:hover{box-shadow:none}.auth-status{margin:0;min-height:1.25em;font-size:.85rem;color:var(--text-soft)}.auth-status.is-error{color:#ffb4b4}.auth-status.is-ok{color:var(--cyan)}.auth-divider{display:flex;align-items:center;gap:1rem;margin:1.5rem 0 1.15rem;font-size:.74rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#ffffff80}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#ffffff29}.auth-alt{margin:0;text-align:center;font-size:.9rem;color:var(--text-soft)}.auth-alt a{color:var(--amber);font-weight:700}.auth-alt a:hover{text-decoration:underline;text-underline-offset:3px}.auth-note{margin:1.25rem 0 0;font-size:.74rem;line-height:1.6;color:#ffffff8c;text-align:center}.auth-note a{text-decoration:underline;text-underline-offset:3px}@media(max-width:420px){.auth-row{flex-wrap:wrap}.checkbox,.auth-link{white-space:normal}}@media(max-width:899px){.auth{align-items:flex-start}}