:root { color-scheme: dark; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
body { margin: 0; background: #091018; color: #edf5ff; }
main { width: min(1180px, calc(100% - 32px)); margin: 0 auto; padding: 48px 0; }
.hero { display: flex; justify-content: space-between; gap: 24px; align-items: center; padding: 32px; background: linear-gradient(135deg, #10253f, #15151f); border: 1px solid #26364a; border-radius: 28px; }
.eyebrow { text-transform: uppercase; letter-spacing: .16em; color: #7db3ff; font-size: 12px; }
h1 { font-size: clamp(42px, 8vw, 82px); line-height: .9; margin: 0; }
button { border: 0; border-radius: 999px; padding: 14px 22px; background: #e8f160; color: #081018; font-weight: 800; }
button.secondary { background: #203247; color: #edf5ff; }
.grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 18px; margin-top: 24px; }
.card { background: #111b28; border: 1px solid #26364a; border-radius: 22px; padding: 20px; }
.card h2 { font-size: 18px; line-height: 1.25; }
a { color: #7db3ff; }
.login-shell { min-height: 100vh; display: grid; place-items: center; padding: 24px 0; }
.login-card { width: min(520px, 100%); background: linear-gradient(135deg, #10253f, #15151f); border: 1px solid #26364a; border-radius: 28px; padding: 32px; }
.login-form { display: grid; gap: 12px; margin-top: 24px; }
label { color: #b7c8dc; font-weight: 700; }
input { border: 1px solid #33465e; border-radius: 14px; padding: 14px 16px; background: #081018; color: #edf5ff; font: inherit; }
.error { color: #ff9696; font-weight: 700; }