:root{--bg:#0f172a;--card:#1e293b;--text:#e2e8f0;--muted:#94a3b8;--accent:#38bdf8}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;align-items:center;justify-content:center;min-height:100vh}
.login-card{background:var(--card);padding:32px;border-radius:16px;box-shadow:0 10px 25px rgba(0,0,0,.3);width:100%;max-width:360px}
h1{margin:0 0 24px;font-size:1.4rem}
input{width:100%;padding:12px 14px;margin-bottom:16px;background:#0f172a;border:1px solid #334155;border-radius:10px;color:var(--text);font-size:1rem}
input:focus{outline:none;border-color:var(--accent)}
button{width:100%;padding:12px;background:var(--accent);color:#0f172a;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer}
button:hover{filter:brightness(1.1)}
.error{color:#f87171;margin-top:12px;font-size:.9rem;min-height:1.2em}
.hidden{display:none}