:root { color-scheme: dark; font-family: Georgia, serif; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; padding: 24px; color: #eee4c7; background: #090806; }
.auth-card { width: min(520px, 100%); padding: 30px; border: 1px solid #78550c; border-radius: 14px; background: #15110c; box-shadow: 0 24px 70px #0009; }
h1 { margin: 0 0 8px; color: #e4a525; }
p { line-height: 1.55; }
label { display: block; margin-top: 16px; color: #d8a52d; }
input { width: 100%; margin-top: 7px; padding: 13px; border: 1px solid #77550e; border-radius: 7px; color: #fff; background: #070604; }
button, .button { display: inline-block; margin-top: 20px; padding: 13px 19px; border: 0; border-radius: 7px; color: #160f02; background: #e5a528; font: inherit; font-weight: 700; text-decoration: none; cursor: pointer; }
.muted, a { color: #cfa53d; }
.error { padding: 12px; border-radius: 7px; color: #ffd6d6; background: #6c2424; }
.success { padding: 12px; border-radius: 7px; color: #d9ffe7; background: #174c2d; }
.links { display: flex; gap: 18px; flex-wrap: wrap; margin-top: 20px; }