:root { color-scheme: light dark; }
        * { box-sizing: border-box; }
        body { margin:0; min-height:100vh; display:grid; place-items:center; font-family:system-ui,-apple-system,"Segoe UI",Tahoma,Arial,sans-serif; background:#f4f7fb; color:#182230; padding:20px; }
        .card { width:min(430px,100%); background:#fff; border:1px solid #e5e7eb; border-radius:22px; padding:30px; box-shadow:0 18px 50px rgba(0,0,0,.08); }
        .brand { text-align:center; margin-bottom:24px; }
        .brand h1 { margin:0 0 8px; font-size:28px; }
        .brand p { margin:0; color:#6b7280; }
        label { display:block; margin:0 0 8px; font-weight:700; }
        input { width:100%; padding:13px 14px; border:1px solid #d1d5db; border-radius:12px; font-size:16px; margin-bottom:16px; background:#fff; color:#111827; }
        button { width:100%; padding:14px; border:0; border-radius:12px; background:#0d6efd; color:#fff; font-weight:700; font-size:16px; cursor:pointer; }
        button:hover { opacity:.92; }
        .alert { padding:12px 14px; border-radius:12px; background:#fee2e2; color:#991b1b; margin-bottom:18px; }
        .cf-turnstile { margin: 0 0 16px; display:flex; justify-content:center; }
        .links { text-align:center; margin-top:18px; display:grid; gap:10px; }
        a { color:#0d6efd; text-decoration:none; }
        @media (prefers-color-scheme: dark) {
            body { background:#0f172a; color:#e5e7eb; }
            .card { background:#111827; border-color:#273449; box-shadow:none; }
            .brand p { color:#9ca3af; }
            input { background:#0b1220; color:#f9fafb; border-color:#374151; }
        }