:root { color-scheme: light; font-family: Inter, "Segoe UI", "Microsoft YaHei", sans-serif; background: #f4f7fb; color: #162238; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; background: radial-gradient(circle at 20% 10%, #dbeafe 0, transparent 32%), #f4f7fb; }
.auth-shell,.setup-shell { min-height: 100vh; display: grid; place-items: center; padding: 32px 16px; }
.auth-card,.setup-card { width: min(100%, 480px); background: #fff; border: 1px solid #dbe4f0; border-radius: 18px; box-shadow: 0 20px 60px rgba(22,34,56,.12); padding: 32px; }
.setup-card { width: min(100%, 760px); }
.brand-mark { width: 48px; height: 48px; border-radius: 12px; display: grid; place-items: center; color: #fff; background: #165dff; font-weight: 800; }
.eyebrow { color: #165dff; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
h1 { margin: 8px 0 10px; font-size: 28px; }
.muted,.warning { color: #66758d; line-height: 1.65; }
.warning { font-size: 12px; margin-top: 20px; }
form { display: grid; gap: 16px; margin-top: 24px; }
label { display: grid; gap: 7px; font-size: 13px; font-weight: 650; }
input { width: 100%; border: 1px solid #cbd6e5; border-radius: 9px; padding: 11px 12px; font: inherit; }
input:focus { outline: 3px solid rgba(22,93,255,.15); border-color: #165dff; }
button { border: 0; border-radius: 9px; padding: 12px 16px; background: #165dff; color: #fff; font: inherit; font-weight: 700; cursor: pointer; }
.message { min-height: 22px; margin-top: 16px; font-size: 13px; }
.message.bad { color: #b42318; }.message.good { color: #067647; }
.steps { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; padding: 0; list-style: none; }
.steps li { border: 1px solid #e1e8f2; background: #f8fafc; padding: 12px; border-radius: 9px; display: grid; gap: 4px; }
.steps span { color: #66758d; font-size: 12px; line-height: 1.45; }
.check { display: flex; align-items: flex-start; gap: 9px; line-height: 1.6; }.check input { width: auto; margin-top: 4px; }
@media (max-width: 640px) { .steps { grid-template-columns: 1fr; } .auth-card,.setup-card { padding: 22px; } }