:root{color-scheme:dark;--bg:#090c0e;--surface:#151a1d;--line:#2a3236;--text:#f4f7f5;--muted:#89949a;--mint:#39e6ad;--cyan:#37bdf4;--danger:#ff7474}
*{box-sizing:border-box;letter-spacing:0}
html{background:var(--bg)}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text);display:grid;place-items:center;min-height:100vh;min-height:100dvh;margin:0;padding:24px}
.c{width:min(420px,100%);background:var(--surface);padding:30px;border:1px solid var(--line);border-radius:8px;box-shadow:0 24px 70px rgba(0,0,0,.35)}
.login-icon{display:block;width:64px;height:64px;border-radius:8px;margin-bottom:26px}
small{color:var(--mint);font-size:11px;font-weight:800}
h1{font-size:38px;line-height:1.05;margin:8px 0 12px}
p{color:var(--muted);line-height:1.5}
label{display:block;color:#c7ced1;font-size:11px;font-weight:800;margin-top:18px}
input,button{width:100%;box-sizing:border-box;padding:14px;border-radius:6px;font:inherit}
input{border:1px solid var(--line);background:#0f1315;color:var(--text);margin:7px 0;outline:none}
input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(55,189,244,.15)}
button{background:var(--mint);color:#07110d;border:0;font-weight:900;margin-top:16px;min-height:50px}
.e{color:var(--danger);font-size:12px;min-height:18px;margin-top:8px}
.muted{font-size:11px}
@media(max-width:480px){body{padding:18px}.c{padding:24px 20px}h1{font-size:34px}}