:root { color-scheme: dark; font-family: Inter, system-ui, sans-serif; background:#161512; color:#dedbd2 }
* { box-sizing:border-box }
[hidden] { display:none !important }
body { margin:0; min-height:100vh; display:grid; place-items:center; padding:20px; background:radial-gradient(circle at 60% 10%,#2d3822,#161512 45%) }
.auth-card { width:min(100%,430px); padding:28px; border:1px solid #3b3935; border-radius:12px; background:#262522; box-shadow:0 18px 50px #0008 }
h1 { margin:0 0 8px } p { color:#aaa69c } label { display:grid; gap:6px; margin:16px 0; font-weight:700 }
input,button { min-height:44px; border:1px solid #4b4943; border-radius:7px; padding:0 12px; background:#302e2a; color:#fff; font:inherit }
button { width:100%; margin-top:8px; border-color:#8db255; background:#3b4b2a; cursor:pointer; font-weight:800 }
#status.error { color:#ffb4b4 } #status.success { color:#bde78a }
a { color:#bde78a }