* {box-sizing: border-box;}
html, body {margin: 0; min-height: 100%; background: #050505; color: #ffffff;}
.auth-page {position: relative; min-height: 100vh; overflow: hidden; isolation: isolate;}
.dot-field {position: absolute; inset: 0; z-index: -1; width: 100%; height: 100%; pointer-events: none;}
.auth-content {position: relative; z-index: 1; display: grid; min-height: 100vh; place-items: center;}
.auth-card {display: none; width: min(90vw, 360px); min-height: 220px; padding: 28px; place-items: center; align-content: center; gap: 22px; border: 1px solid rgba(255,255,255,.18); background: rgba(0,0,0,.72);}
.auth-card--active {display: grid;}
.auth-content h1 {margin: 0; font: 600 clamp(24px, 3vw, 42px)/1 Inter, ui-sans-serif, system-ui, sans-serif; letter-spacing: -.06em;}
.auth-card a {color: #ffffff; font: 500 16px/1 Inter, ui-sans-serif, system-ui, sans-serif; text-decoration: underline; text-underline-offset: 5px;}
.auth-form {display: grid; width: 100%; gap: 14px;}
.auth-form label {display: grid; gap: 6px; color: rgba(255,255,255,.7); font: 12px/1 Inter, ui-sans-serif, system-ui, sans-serif; text-transform: uppercase; letter-spacing: .08em;}
.auth-form input {width: 100%; padding: 12px 13px; border: 1px solid rgba(255,255,255,.2); outline: none; background: rgba(255,255,255,.06); color: #ffffff; font: 15px/1 Inter, ui-sans-serif, system-ui, sans-serif;}
.auth-form input:focus {border-color: rgba(255,255,255,.7);}
.auth-form button {margin-top: 4px; padding: 13px; border: 0; background: #ffffff; color: #050505; cursor: pointer; font: 600 14px/1 Inter, ui-sans-serif, system-ui, sans-serif;}
.auth-hint {margin: -6px 0 0; color: rgba(255,255,255,.55); font: 13px/1.4 Inter, ui-sans-serif, system-ui, sans-serif;}
.auth-hint a {font-size: inherit;}
.policy {display: flex !important; grid-template-columns: auto 1fr; align-items: start; gap: 8px !important; color: rgba(255,255,255,.58) !important; font-size: 11px !important; line-height: 1.35 !important; text-transform: none !important; letter-spacing: 0 !important;}
.policy input {width: 14px; height: 14px; margin: 0; accent-color: #ffffff;}
@media (max-width: 700px) {.auth-card {min-height: 160px;}}