:root{color-scheme:dark;font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;font-synthesis:none;color:#f2f2f6;background:#080909;--border:#302b35;--accent:#b9c6f7}
*{box-sizing:border-box}
body{width:100%;max-width:480px;min-height:100vh;min-height:100svh;margin:0 auto;background:#0a0b0c}
.login{width:100%;max-width:390px;margin:0 auto;padding:max(64px,12svh) 24px max(32px,env(safe-area-inset-bottom))}
h1{text-align:center;margin:0 0 42px;font-size:28px;font-weight:750;letter-spacing:-.5px}
.field+.field{margin-top:25px}
label{display:block;color:#c3b8ce;font-size:15px;margin-bottom:11px}
input{width:100%;min-width:0;height:56px;padding:0 22px;font:inherit;font-size:16px;color:#eee9f6;background:#1c1b21;border:1px solid #38323f;border-radius:999px;transition:border-color .15s}
input::placeholder{color:#8b8196;font-size:16px}
input:focus{border-color:#b4c3fa}
input:focus-visible,button:focus-visible{outline:3px solid #b4c3fa;outline-offset:2px}
.password-wrap{position:relative}.password-wrap input{padding-right:52px}
button{font:inherit;cursor:pointer;transition:background .15s}
.eye{position:absolute;right:9px;top:50%;transform:translateY(-50%);width:44px;height:44px;display:grid;place-items:center;background:transparent;border:0;border-radius:999px;color:#a39aaa}
.eye:hover,.eye[aria-pressed=true]{color:#cbd2fa}
.eye svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}
#login-error{min-height:22px;margin:12px 8px;color:#efbed9;font-size:12px;line-height:20px;overflow-wrap:anywhere}
.submit{width:100%;min-height:56px;padding:12px 16px;display:flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:999px;background:var(--accent);color:#121b32;font-size:18px;font-weight:650}
.submit:hover:enabled{background:#d1dafa}.submit:disabled{opacity:.42;cursor:wait}
.spinner{width:17px;height:17px;border:2px solid #121b3240;border-top-color:#121b32;border-radius:50%;animation:spin .8s linear infinite}
[hidden]{display:none!important}@keyframes spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}