:root{--bg:#0a0909;--panel:#141213;--ink:#f2efe9;--muted:#8b857c;--line:#2e2a2b;--gold:#febe50;--red:#f0857a;--ok:#7cc496}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);margin:0;font-family:Karla,Arial,sans-serif}.login{gap:16px;max-width:380px;margin:12vh auto 0;padding:0 16px;display:grid}.login .brand{letter-spacing:.3em;color:var(--muted);font-size:11px;font-weight:800}.login h1{margin:0;font-family:Asul,Georgia,serif;font-size:40px}.login h1 em{color:var(--gold);font-style:normal}.login input{font:inherit;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 14px;font-size:15px}.btn{font:inherit;cursor:pointer;border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:999px;padding:12px 16px;font-size:15px;font-weight:700}.btn-primary{background:var(--gold);border-color:var(--gold);color:#0d0b0c}.btn-ghost{background:0 0}.note{color:var(--red);margin:0;font-size:14px}.note.ok{color:var(--ok)}