:root { color-scheme: dark; font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
* { box-sizing: border-box; }
html, body { min-height: 100%; margin: 0; }
body { display: grid; place-items: center; padding: 24px; color: #e8e8e3; background: radial-gradient(circle at 50% 0%, #17332f, #0d0f12 46%); }
.auth-card { width: min(440px, 100%); padding: 36px; background: #171b20; border: 1px solid #30383c; border-radius: 12px; box-shadow: 0 30px 80px #0008; }
.eyebrow { color: #3bb7a7; font-size: 11px; font-weight: 700; letter-spacing: .16em; }
h1 { margin: 14px 0 8px; font-size: 26px; }
p { color: #aab2b9; line-height: 1.5; }
form { margin-top: 28px; }
label { display: block; margin: 18px 0 8px; font-size: 13px; font-weight: 600; }
input { display: block; width: 100%; padding: 12px; color: #f7f7f5; background: #0d1013; border: 1px solid #3d464d; border-radius: 6px; font: inherit; }
input:focus { outline: 2px solid #3bb7a7; outline-offset: 2px; }
button { margin-top: 24px; width: 100%; padding: 12px; color: #06110f; background: #58c6b4; border: 0; border-radius: 6px; font: inherit; font-weight: 700; cursor: pointer; }
button:disabled { opacity: .65; cursor: wait; }
.message { min-height: 22px; margin: 14px 0 0; color: #ec858c; font-size: 13px; }
.account-actions { display: grid; gap: 10px; margin-top: 28px; }
.account-actions button { margin: 0; }
.account-actions a { color: #73d7c5; text-align: center; padding: 10px; }
dl { display: grid; grid-template-columns: 120px 1fr; gap: 12px; margin-top: 25px; font-size: 14px; }
dt { color: #9ba5ac; }
dd { margin: 0; overflow-wrap: anywhere; }