:root{color-scheme:dark;--auth-bg:#0c1424;--auth-surface:#142137;--auth-input:#101c30;--auth-ink:#e6edf7;--auth-muted:#9aacc4;--auth-line:#293952;--auth-accent:#71d8d5;--auth-button:#087f83}
:root[data-theme="light"]{color-scheme:light;--auth-bg:#f3f6fb;--auth-surface:#fff;--auth-input:#fff;--auth-ink:#172b45;--auth-muted:#62748c;--auth-line:#dfe7f1;--auth-accent:#086c73;--auth-button:#087f83}
html body{margin:0;min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:24px;background:var(--auth-bg);color:var(--auth-ink);font:14px/1.6 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
body .card{width:100%;max-width:424px;padding:34px;background:var(--auth-surface);border:1px solid var(--auth-line);border-radius:18px;box-shadow:0 16px 70px #00000018;text-align:left}
.card .brand{margin:0 0 20px;font-size:11px;font-weight:650;letter-spacing:1.7px;color:var(--auth-accent)}.card h1{font-size:27px;font-weight:650;letter-spacing:-.8px;line-height:1.3;margin:0 0 9px;color:var(--auth-ink)}.card p{font-size:12px;color:var(--auth-muted);line-height:1.8;margin:0 0 20px}
.card form{text-align:left}.card label{display:block;font-size:11px;font-weight:600;letter-spacing:.1px;color:var(--auth-ink);margin:20px 0 7px}.card input{height:43px;min-height:43px;padding:10px 12px;font-family:inherit;font-size:13px;line-height:1.5;color:var(--auth-ink);border:1px solid var(--auth-line);border-radius:8px;background:var(--auth-input);text-align:left!important;caret-color:var(--auth-accent);outline:none}.card input:focus{border-color:var(--auth-button);box-shadow:0 0 0 3px rgb(49 151 116 / 15%);outline:none}
.card .password-wrap input{padding-left:12px;padding-right:46px}.card .password-eye{width:34px;height:34px;right:5px;margin:0;background:transparent;color:var(--auth-muted);border-radius:6px}.card .password-eye:hover{background:color-mix(in srgb,var(--auth-accent) 8%,var(--auth-surface));color:var(--auth-accent)}.card button[type="submit"]{height:43px;margin-top:25px;border-radius:8px;background:var(--auth-button);color:white;font-size:12px;font-weight:600;letter-spacing:.2px}.card button[type="submit"]:hover{background:color-mix(in srgb,var(--auth-button) 86%,#000);color:white}.card button:focus-visible{outline:2px solid var(--auth-accent);outline-offset:3px}.card .secondary{background:var(--auth-input)!important;border:1px solid var(--auth-line);color:var(--auth-muted)!important}
.card .footer{padding-top:18px;margin-top:25px;border-top:1px solid var(--auth-line);text-align:center;color:var(--auth-muted);font-size:10px;letter-spacing:.15px}.card .error{padding:11px 13px;margin:18px 0 8px;font-size:12px;line-height:1.7;border:1px solid #ad4b5a44;border-radius:8px;background:#c74b5d12;color:#e18b98}html[data-theme="light"] .card .error{color:#a43246}.card input:-webkit-autofill{-webkit-text-fill-color:var(--auth-ink);-webkit-box-shadow:0 0 0 1000px var(--auth-input) inset}
@media(max-width:480px){html body{padding:20px}.card{padding:28px!important;border-radius:16px!important}.card h1{font-size:25px}.card input{font-size:16px}.card .brand{margin-bottom:18px}}

html body{background:radial-gradient(ellipse at 10% 10%,#087f8319,transparent 55%),radial-gradient(ellipse at 90% 90%,#365c971c,transparent 55%),var(--auth-bg)}
body .card{border-top:3px solid var(--auth-button);box-shadow:0 20px 70px #071a3420}