:root{--bg:#0c1620;--card:#121a24;--muted:#9fb0c0;--fg:#e6e6e6;--accent:#e25663;--accent-hover:#d44957;--border:#1e2a38}
html,body{height:100%}
body.ca-auth-body{background:var(--bg);color:var(--fg);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu}
.ca-auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}
.ca-auth-card{width:100%;max-width:520px;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:28px 28px 30px;box-shadow:0 10px 35px rgba(0,0,0,.45)}
.ca-logo{display:flex;justify-content:center;margin-bottom:22px;font-weight:800;letter-spacing:.06em}
.ca-logo span{font-size:28px;color:#e7eaf0}
.ca-tabs{display:flex;gap:10px;justify-content:center;margin-bottom:18px}
.ca-tabs a{color:var(--muted);text-decoration:none;padding:6px 10px;border-bottom:2px solid transparent}
.ca-tabs a.active{color:var(--fg);border-color:var(--accent)}
.ca-sub{color:#97a6b5;text-align:center;margin:-6px 0 18px;font-size:14px}
.ca-field{display:flex;flex-direction:column;margin-bottom:12px}
.ca-label{font-size:13px;color:var(--muted);margin-bottom:6px}
.ca-input{background:#0d141c;border:1px solid #243244;border-radius:12px;color:var(--fg);padding:12px 14px;font-size:15px;outline:none}
.ca-input:focus{border-color:#3c6cd9;box-shadow:0 0 0 3px rgba(60,108,217,.18)}
.ca-row{display:flex;justify-content:space-between;align-items:center;margin:6px 2px 14px}
.ca-remember{display:flex;gap:8px;color:var(--muted);font-size:13px}
.ca-forgot{color:#ef7a88;text-decoration:none}
.ca-btn{width:100%;border:none;border-radius:12px;padding:12px 16px;font-weight:700;font-size:16px;cursor:pointer;background:var(--accent);color:#111}
.ca-btn:hover{background:var(--accent-hover)}
.ca-meta{color:var(--muted);text-align:center;font-size:14px;margin-top:10px}
.ca-meta a{color:#ef7a88;text-decoration:none}
.ca-turnstile{display:flex;justify-content:center;margin:12px 0}
.ca-back{display:block;text-align:center;margin-top:16px;color:var(--muted);text-decoration:none}
@media (max-width:480px){ .ca-auth-card{padding:22px;border-radius:14px} }