:root { color-scheme: dark; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
* { box-sizing: border-box; }
body { min-height: 100vh; margin: 0; background: #060b19; color: #f8fafc; }
.auth-shell { display: grid; min-height: 100vh; place-items: center; padding: 24px; }
.auth-panel { width: min(520px, 100%); border: 1px solid #273246; border-radius: 12px; background: #121826; box-shadow: 0 28px 90px rgba(0,0,0,.45); padding: 32px; }
.auth-brand { display: inline-flex; align-items: center; gap: 9px; margin-bottom: 34px; color: #f8fafc; font-weight: 850; text-decoration: none; }
.auth-brand span { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 8px; background: #7c3aed; }
.auth-kicker { display: block; color: #c4b5fd; font-size: 12px; font-weight: 850; text-transform: uppercase; }
h1 { margin: 8px 0 10px; font-size: 30px; line-height: 1.15; }
p { margin: 0 0 22px; color: #9ca3af; line-height: 1.6; }
.auth-form { display: grid; gap: 16px; }
.auth-form label { display: grid; gap: 7px; color: #e5e7eb; font-size: 13px; font-weight: 750; }
.auth-form input { width: 100%; min-height: 46px; border: 1px solid #3a465c; border-radius: 8px; background: #0a1020; color: #f8fafc; padding: 0 12px; font: inherit; }
.auth-form input:focus { border-color: #a78bfa; outline: 3px solid rgba(139,92,246,.18); }
.auth-primary { display: inline-flex; min-height: 46px; align-items: center; justify-content: center; border: 0; border-radius: 8px; background: linear-gradient(90deg,#7c3aed,#2563eb); color: #fff; cursor: pointer; padding: 0 18px; font-weight: 850; text-decoration: none; }
.auth-secondary { display: inline-block; margin-top: 18px; color: #c4b5fd; font-size: 13px; font-weight: 750; text-decoration: none; }
.auth-error { margin-bottom: 18px; border: 1px solid rgba(248,113,113,.4); border-radius: 8px; background: rgba(127,29,29,.28); color: #fecaca; padding: 12px; font-size: 13px; line-height: 1.5; }
@media (max-width: 560px) { .auth-shell { align-items: start; padding: 12px; } .auth-panel { padding: 24px 18px; } h1 { font-size: 25px; } }