:root{--bg-primary:#fff;--bg-secondary:#f9f9f9;--bg-card:#f4f4f5;--border:#e4e4e7;--text-primary:#09090b;--text-secondary:#71717a;--text-muted:#a1a1aa;--accent:#6366f1;--accent-hover:#4f46e5;--accent-subtle:#6366f114;--success:#16a34a;--danger:#ef4444;--danger-subtle:#ef444414;--warning:#d97706;--warning-subtle:#d9770614;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--radius-card:10px;--radius-btn:6px;--radius-badge:4px}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg-secondary);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0}button,input,textarea{font-family:inherit}a{color:var(--accent)}.app-shell{flex-direction:column;min-height:100%;display:flex}.container{width:100%;max-width:480px;margin:0 auto;padding:0 20px}.container-wide{width:100%;max-width:880px;margin:0 auto;padding:0 24px}.top-bar{border-bottom:1px solid var(--border);background:var(--bg-primary);align-items:center;height:60px;display:flex}.top-bar .container-wide{justify-content:space-between;align-items:center;display:flex}.brand{letter-spacing:-.02em;color:var(--text-primary);font-size:16px;font-weight:700;text-decoration:none}.top-bar-right{align-items:center;gap:16px;display:flex}.user-email{color:var(--text-secondary);font-size:13px}.centered-screen{flex:1;justify-content:center;align-items:center;padding:40px 0;display:flex}.card{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-card);width:100%;padding:36px}.card h1{letter-spacing:-.02em;margin:0 0 8px;font-size:22px;font-weight:700}.card-subtitle{color:var(--text-secondary);margin:0 0 28px;font-size:14px;line-height:1.5}.btn{border-radius:var(--radius-btn);border:1px solid var(--border);background:var(--bg-primary);width:100%;color:var(--text-primary);cursor:pointer;justify-content:center;align-items:center;gap:10px;padding:11px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:border-color .15s,background .15s,opacity .15s;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--text-muted)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-accent{background:var(--accent);border-color:var(--accent);color:#fff}.btn-accent:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn-danger{border-color:var(--danger);color:var(--danger);background:0 0}.btn-danger:hover:not(:disabled){background:var(--danger-subtle)}.btn-ghost{color:var(--text-secondary);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){border-color:var(--border)}.provider-btn svg{flex-shrink:0}.btn-stack{flex-direction:column;gap:12px;display:flex}.form-field{flex-direction:column;gap:6px;margin-bottom:18px;display:flex}.form-field label{color:var(--text-secondary);font-size:13px;font-weight:500}.form-field .hint{color:var(--text-muted);font-size:12px}.form-field input,.form-field textarea{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-btn);color:var(--text-primary);resize:vertical;padding:10px 12px;font-size:14px;transition:border-color .15s}.form-field input:focus,.form-field textarea:focus{border-color:var(--accent);outline:none}.status-banner{border-radius:var(--radius-btn);align-items:flex-start;gap:10px;margin-bottom:20px;padding:12px 14px;font-size:13px;line-height:1.5;display:flex}.status-banner.info{background:var(--accent-subtle);color:var(--accent-hover)}.status-banner.error{background:var(--danger-subtle);color:var(--danger)}.status-banner.warning{background:var(--warning-subtle);color:var(--warning)}.status-banner.success{color:var(--success);background:#16a34a14}.badge{border-radius:var(--radius-badge);align-items:center;padding:3px 8px;font-size:12px;font-weight:500;display:inline-flex}.badge-pending{background:var(--warning-subtle);color:var(--warning)}.badge-active{color:var(--success);background:#16a34a14}.badge-rejected{background:var(--danger-subtle);color:var(--danger)}.loading-screen{color:var(--text-secondary);flex:1;justify-content:center;align-items:center;font-size:14px;display:flex}.divider{color:var(--text-muted);align-items:center;gap:12px;margin:20px 0;font-size:12px;display:flex}.divider:before,.divider:after{content:"";background:var(--border);flex:1;height:1px}.method-list{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.method-row{border:1px solid var(--border);border-radius:var(--radius-btn);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.method-row-label{flex-direction:column;gap:2px;display:flex}.method-row-title{font-size:14px;font-weight:500}.method-row-desc{color:var(--text-muted);font-size:12px}.recovery-codes{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-btn);font-family:var(--font-mono);grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:20px;padding:16px;font-size:13px;display:grid}.turnstile-container{justify-content:center;align-items:center;min-height:65px;margin-bottom:20px;display:flex}.info-row{border-bottom:1px solid var(--border);justify-content:space-between;padding:10px 0;font-size:13px;display:flex}.info-row:last-child{border-bottom:none}.info-row-label{color:var(--text-secondary)}.info-row-value{font-weight:500}@media (width<=480px){.card{padding:28px 24px}.recovery-codes{grid-template-columns:1fr}}.inline-error{color:var(--danger);font-size:13px}.spaced-top{margin-top:24px}.qr-code{margin:0 auto 16px;display:block}.checkbox-row{align-items:flex-start;gap:8px;margin-bottom:20px;font-size:13px;display:flex}