:root { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; }
body { margin: 0; background: #f6f7fb; color: #111; }
.wrap { min-height: 100vh; display: grid; place-items: center; padding: 24px; }
.card { width: min(520px, 100%); background: white; border-radius: 16px; padding: 24px; box-shadow: 0 10px 30px rgba(0,0,0,.08); }
.badge { display: inline-block; font-size: 12px; letter-spacing: .3px; background: #eef2ff; padding: 6px 10px; border-radius: 999px; margin-bottom: 10px; }
h1 { margin: 0 0 8px; font-size: 28px; }
p { margin: 6px 0; line-height: 1.4; }
.btn { margin-top: 14px; width: 100%; padding: 12px 14px; border: 0; border-radius: 12px; font-weight: 700; cursor: pointer; background: #111; color: white; }
.err { margin-top: 14px; color: #b42318; }