:root { color-scheme: dark; font-family: system-ui, sans-serif; background: #171717; color: #fafafa; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; min-height: 100svh; display: grid; place-items: center; padding: 24px; }
.auth-card { width: 100%; max-width: 440px; padding: 36px 28px; background: #242424; border: 1px solid #363636; border-radius: 20px; text-align: center; }
.brand { border-radius: 16px; }
.eyebrow { margin: 20px 0 12px; color: #c8b294; font-size: 12px; font-weight: 700; letter-spacing: .16em; }
h1 { margin: 0 0 16px; font-size: clamp(24px, 5vw, 30px); line-height: 1.2; }
p { color: #c9c9c9; font-size: 16px; line-height: 1.6; }
button { margin-top: 12px; padding: 13px 20px; border: 0; border-radius: 10px; background: #ebddc8; color: #171717; font: inherit; font-weight: 600; cursor: pointer; }
button:focus-visible { outline: 3px solid white; outline-offset: 4px; }
[hidden] { display: none !important; }