:root{--navy:#1b2a4a;--lake:#2e6b9e;--sky:#4a90d9;--ice:#d6e8f7;--bg:#f4f6f8;--card:#fff;--text:#2d3748;--muted:#6b7686;--line:#d6e8f7;--err:#b42318}@media (prefers-color-scheme:dark){:root{--bg:#0f1625;--card:#18223a;--text:#e4e9f2;--muted:#9aa6b8;--line:#2a3753;--navy:#5ba0e6;--err:#ff8a80}}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:var(--bg);color:var(--text);font:16px/1.45 -apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif;display:flex;align-items:center;justify-content:center;padding:max(24px,env(safe-area-inset-top)) 16px max(24px,env(safe-area-inset-bottom))}.auth{width:100%;max-width:400px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:28px 22px}.auth .head{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:22px}.auth .head img{width:56px;height:auto;margin-bottom:12px}.auth h1{font-size:22px;margin:0;color:var(--text)}.auth .sub{color:var(--muted);font-size:14px;margin-top:4px}.auth label{display:block;font-size:14px;font-weight:600;margin:14px 0 6px}.auth input{width:100%;min-height:48px;font-size:16px;padding:10px 12px;color:var(--text);border:1px solid var(--line);border-radius:10px;background:var(--bg)}.auth input:focus{outline:2px solid var(--sky);border-color:transparent}.auth button{width:100%;min-height:50px;margin-top:20px;border:0;border-radius:12px;background:#1b2a4a;color:#fff;font-size:16px;font-weight:650}.auth button:disabled{opacity:.55}.auth .err{margin-bottom:8px;padding:10px 12px;border-radius:10px;font-size:14px;color:var(--err);border:1px solid}.auth .foot{text-align:center;font-size:13px;color:var(--muted);margin-top:18px}.auth .foot a{color:var(--sky)}