.auth_signin,.auth_callback,.auth_gate{background:var(--civic-panel);border:1px solid var(--civic-border);max-width:640px;color:var(--civic-text);border-radius:14px;margin:24px auto;padding:20px;animation:.24s both civic_in}.auth_signin h1,.auth_callback h1,.auth_gate h2{margin:0 0 10px}.hint{color:var(--civic-muted)}.error{color:var(--civic-danger)}.btn{border:1px solid var(--civic-border);color:var(--civic-text);cursor:pointer;background:0 0;border-radius:12px;justify-content:center;align-items:center;padding:10px 14px;text-decoration:none;display:inline-flex}.btn.primary{background:var(--civic-primary);color:#071018;border-color:#0003;font-weight:600}@media (max-width:520px){.auth_signin,.auth_callback,.auth_gate{margin:12px;padding:16px}.btn{width:100%}}.form-group{margin-bottom:1.5rem}.form-group label{color:#333;margin-bottom:.5rem;font-weight:500;display:block}.form-group input{border:1px solid #ddd;border-radius:4px;width:100%;padding:.75rem;font-size:1rem}.form-group input:focus{border-color:#007bff;outline:none;box-shadow:0 0 0 3px #007bff1a}.success{color:#28a745;background-color:#d4edda;border:1px solid #c3e6cb;border-radius:4px;margin-bottom:1rem;padding:1rem}