@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@300;400;500&family=Manrope:wght@400;500;600;700;800&display=swap";
:root{--bg:#060608;--surface:#0d0d12;--surface2:#13131a;--surface3:#1a1a24;--border:#ffffff0f;--border-bright:#ffffff1f;--border-focus:#5b7fff80;--text:#e8e8f0;--text-muted:#6b6b80;--text-dim:#3a3a4a;--accent:#5b7fff;--accent2:#a78bfa;--accent3:#34d399;--error:#f87171;--warning:#fb923c;--glow:#5b7fff33;--glow-sm:#5b7fff1f;--font-display:"Outfit", sans-serif;--font-body:"Manrope", sans-serif;--font-mono:"JetBrains Mono", monospace;--radius:14px;--radius-sm:10px;--radius-xs:7px;--transition:.2s cubic-bezier(.4, 0, .2, 1)}.auth-root{background:var(--bg);min-height:100vh;font-family:var(--font-body);color:var(--text);-webkit-font-smoothing:antialiased;grid-template-columns:1fr 1fr;display:grid;position:relative;overflow:hidden}.auth-brand-panel{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;justify-content:space-between;padding:3rem;display:flex;position:relative;overflow:hidden}.auth-brand-panel:before{content:"";pointer-events:none;background-image:linear-gradient(#5b7fff0a 1px,#0000 1px),linear-gradient(90deg,#5b7fff0a 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0}.auth-brand-orb{filter:blur(70px);pointer-events:none;border-radius:50%;position:absolute}.auth-brand-orb-1{background:radial-gradient(circle,#5b7fff2e 0%,#0000 70%);width:400px;height:400px;animation:8s ease-in-out infinite orbFloat;top:-80px;left:-80px}.auth-brand-orb-2{background:radial-gradient(circle,#a78bfa24 0%,#0000 70%);width:300px;height:300px;animation:10s ease-in-out infinite reverse orbFloat;bottom:100px;right:-60px}.auth-brand-orb-3{background:radial-gradient(circle,#34d3991a 0%,#0000 70%);width:200px;height:200px;animation:7s ease-in-out 2s infinite orbFloat;bottom:-40px;left:40%}@keyframes orbFloat{0%,to{transform:scale(1)translateY(0)}50%{transform:scale(1.08)translateY(-20px)}}.auth-logo{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);z-index:1;align-items:center;gap:10px;font-size:1.3rem;font-weight:800;text-decoration:none;display:flex;position:relative}.auth-logo-mark{background:linear-gradient(135deg, var(--accent), var(--accent2));color:#fff;width:32px;height:32px;box-shadow:0 0 20px var(--glow-sm);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:800;display:flex}.auth-brand-content{z-index:1;flex-direction:column;flex:1;justify-content:center;padding:2rem 0;display:flex;position:relative}.auth-brand-headline{font-family:var(--font-display);letter-spacing:-.03em;margin-bottom:1.25rem;font-size:clamp(2rem,3vw,2.8rem);font-weight:800;line-height:1.1}.auth-brand-headline .gradient-text{background:linear-gradient(135deg, var(--accent) 0%, var(--accent2) 50%, var(--accent3) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.auth-brand-sub{color:var(--text-muted);max-width:340px;margin-bottom:2.5rem;font-size:.95rem;line-height:1.75}.auth-feature-list{flex-direction:column;gap:12px;display:flex}.auth-feature-item{color:var(--text-muted);align-items:center;gap:12px;font-size:.875rem;display:flex}.auth-feature-icon{background:#5b7fff14;border:1px solid #5b7fff26;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;display:flex}.auth-brand-footer{z-index:1;font-family:var(--font-mono);color:var(--text-dim);font-size:.72rem;position:relative}.auth-form-panel{flex-direction:column;justify-content:center;align-items:center;padding:3rem 2rem;display:flex;position:relative;overflow-y:auto}.auth-form-inner{width:100%;max-width:420px}.auth-steps-bar{align-items:center;gap:0;margin-bottom:2.5rem;display:flex}.auth-step-dot{font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.04em;text-transform:uppercase;transition:color var(--transition);align-items:center;gap:8px;font-size:.72rem;display:flex}.auth-step-dot.active{color:var(--accent)}.auth-step-dot.done{color:var(--accent3)}.auth-step-circle{border:1px solid var(--border-bright);background:var(--surface);width:26px;height:26px;transition:all var(--transition);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.72rem;font-weight:600;display:flex}.auth-step-dot.active .auth-step-circle{border-color:var(--accent);color:var(--accent);box-shadow:0 0 12px var(--glow-sm);background:#5b7fff1f}.auth-step-dot.done .auth-step-circle{border-color:var(--accent3);color:var(--accent3);background:#34d3991a}.auth-step-line{background:var(--border);height:1px;transition:background var(--transition);flex:1;margin:0 8px}.auth-step-line.done{background:#34d3994d}.auth-form-header{margin-bottom:2rem}.auth-form-eyebrow{font-family:var(--font-mono);color:var(--accent);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.6rem;font-size:.72rem}.auth-form-title{font-family:var(--font-display);letter-spacing:-.025em;margin-bottom:.5rem;font-size:1.75rem;font-weight:800;line-height:1.15}.auth-form-sub{color:var(--text-muted);font-size:.875rem;line-height:1.65}.auth-field{margin-bottom:1.1rem}.auth-label{color:var(--text-muted);letter-spacing:.01em;margin-bottom:.4rem;font-size:.8rem;font-weight:600;display:block}.auth-input-wrap{position:relative}.auth-input-icon{color:var(--text-dim);pointer-events:none;font-size:1rem;line-height:1;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.auth-input{background:var(--surface2);border:1px solid var(--border-bright);border-radius:var(--radius-sm);width:100%;color:var(--text);font-family:var(--font-body);transition:border-color var(--transition), box-shadow var(--transition), background var(--transition);-webkit-appearance:none;outline:none;padding:11px 14px 11px 40px;font-size:.9rem}.auth-input.no-icon{padding-left:14px}.auth-input::placeholder{color:var(--text-dim)}.auth-input:focus{border-color:var(--border-focus);background:var(--surface3);box-shadow:0 0 0 3px #5b7fff14}.auth-input.error{border-color:var(--error);box-shadow:0 0 0 3px #f8717114}.auth-input-suffix{font-family:var(--font-mono);color:var(--text-dim);pointer-events:none;background:var(--surface);border:1px solid var(--border);border-radius:5px;padding:2px 8px;font-size:.72rem;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.auth-input-btn{color:var(--text-muted);cursor:pointer;transition:color var(--transition);background:0 0;border:none;padding:4px;font-size:.85rem;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.auth-input-btn:hover{color:var(--text)}.auth-field-error{color:var(--error);font-size:.75rem;font-family:var(--font-mono);align-items:center;gap:6px;margin-top:5px;display:flex}.auth-field-hint{color:var(--text-dim);font-size:.75rem;font-family:var(--font-mono);margin-top:5px}.password-strength{margin-top:8px}.password-strength-bars{gap:4px;margin-bottom:4px;display:flex}.ps-bar{background:var(--surface3);height:3px;transition:background var(--transition);border-radius:2px;flex:1}.ps-bar.weak{background:var(--error)}.ps-bar.fair{background:var(--warning)}.ps-bar.good{background:#facc15}.ps-bar.strong{background:var(--accent3)}.password-strength-label{font-family:var(--font-mono);color:var(--text-dim);font-size:.7rem}.auth-checkbox-row{cursor:pointer;align-items:flex-start;gap:10px;margin-bottom:1rem;display:flex}.auth-checkbox{border:1px solid var(--border-bright);background:var(--surface2);appearance:none;cursor:pointer;width:17px;height:17px;transition:all var(--transition);border-radius:4px;flex-shrink:0;margin-top:1px;position:relative}.auth-checkbox:checked{background:var(--accent);border-color:var(--accent)}.auth-checkbox:checked:after{content:"✓";color:#fff;justify-content:center;align-items:center;font-size:.65rem;font-weight:900;display:flex;position:absolute;inset:0}.auth-checkbox-label{color:var(--text-muted);font-size:.8rem;line-height:1.6}.auth-checkbox-label a{color:var(--accent);text-decoration:none}.auth-checkbox-label a:hover{text-decoration:underline}.auth-type-toggle{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:1.5rem;display:grid}.auth-type-btn{border-radius:var(--radius-sm);border:1px solid var(--border-bright);background:var(--surface2);color:var(--text-muted);font-family:var(--font-body);cursor:pointer;transition:all var(--transition);text-align:center;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:.875rem;font-weight:500;display:flex}.auth-type-btn:hover{border-color:var(--border-focus);color:var(--text)}.auth-type-btn.active{border-color:var(--accent);color:var(--text);box-shadow:0 0 0 1px var(--accent), 0 0 20px var(--glow-sm);background:#5b7fff14}.plan-cards-grid{flex-direction:column;gap:10px;margin-bottom:1.5rem;display:flex}.plan-card-select{border:1px solid var(--border-bright);border-radius:var(--radius);background:var(--surface2);cursor:pointer;transition:all var(--transition);padding:1.1rem 1.25rem;position:relative}.plan-card-select:hover{border-color:var(--border-focus);background:var(--surface3)}.plan-card-select.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), 0 0 24px var(--glow-sm);background:#5b7fff0f}.plan-card-select.popular:before{content:"Most Popular";background:linear-gradient(135deg, var(--accent), var(--accent2));color:#fff;font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;border-radius:0 0 7px 7px;padding:2px 10px;font-size:.65rem;font-weight:600;position:absolute;top:-1px;right:16px}.plan-card-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.plan-card-radio{border:1px solid var(--border-bright);background:var(--surface);width:18px;height:18px;transition:all var(--transition);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;display:flex}.plan-card-select.selected .plan-card-radio{border-color:var(--accent);background:var(--accent);box-shadow:0 0 8px var(--glow-sm)}.plan-card-select.selected .plan-card-radio:after{content:"";background:#fff;border-radius:50%;width:6px;height:6px}.plan-card-info{flex:1}.plan-card-name{font-family:var(--font-display);letter-spacing:-.01em;margin-bottom:2px;font-size:.95rem;font-weight:700}.plan-card-desc{color:var(--text-muted);font-size:.78rem;line-height:1.5}.plan-card-price{text-align:right;flex-shrink:0}.plan-card-amount{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.1rem;font-weight:700}.plan-card-period{font-family:var(--font-mono);color:var(--text-dim);font-size:.68rem}.auth-divider{align-items:center;gap:12px;margin:1.25rem 0;display:flex}.auth-divider-line{background:var(--border);flex:1;height:1px}.auth-divider-text{font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.05em;text-transform:uppercase;font-size:.7rem}.auth-btn{border-radius:var(--radius-sm);width:100%;font-family:var(--font-body);cursor:pointer;transition:all var(--transition);letter-spacing:.01em;border:none;justify-content:center;align-items:center;gap:8px;padding:13px 24px;font-size:.925rem;font-weight:700;display:flex}.auth-btn-primary{background:linear-gradient(135deg, var(--accent), var(--accent2));color:#fff;box-shadow:0 0 28px var(--glow)}.auth-btn-primary:hover:not(:disabled){box-shadow:0 4px 36px var(--glow);transform:translateY(-1px)}.auth-btn-primary:disabled{opacity:.5;cursor:not-allowed}.auth-btn-ghost{background:var(--surface2);border:1px solid var(--border-bright);color:var(--text-muted)}.auth-btn-ghost:hover{border-color:var(--border-focus);color:var(--text)}.auth-btn-back{color:var(--text-muted);cursor:pointer;font-size:.8rem;font-family:var(--font-body);transition:color var(--transition);background:0 0;border:none;align-items:center;gap:6px;margin-bottom:1.5rem;padding:4px 0;display:flex}.auth-btn-back:hover{color:var(--text)}.auth-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.totp-inputs{justify-content:center;gap:8px;margin:1.5rem 0;display:flex}.totp-digit{background:var(--surface2);border:1px solid var(--border-bright);border-radius:var(--radius-sm);width:48px;height:56px;color:var(--text);font-family:var(--font-display);text-align:center;transition:border-color var(--transition), box-shadow var(--transition);caret-color:var(--accent);outline:none;font-size:1.4rem;font-weight:700}.totp-digit:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #5b7fff1a}.totp-digit.filled{background:var(--surface3);border-color:#5b7fff4d}.workspace-pill{font-family:var(--font-mono);color:var(--accent);background:#5b7fff14;border:1px solid #5b7fff33;border-radius:100px;align-items:center;gap:8px;margin-bottom:1.25rem;padding:5px 12px 5px 8px;font-size:.78rem;display:inline-flex}.workspace-pill-dot{background:var(--accent3);border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:2s ease-in-out infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.stripe-element-wrap{background:var(--surface2);border:1px solid var(--border-bright);border-radius:var(--radius-sm);transition:border-color var(--transition), box-shadow var(--transition);margin-bottom:1.1rem;padding:13px 14px}.stripe-element-wrap.focused{border-color:var(--border-focus);box-shadow:0 0 0 3px #5b7fff14}.stripe-label{color:var(--text-muted);margin-bottom:.4rem;font-size:.8rem;font-weight:600;display:block}.stripe-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.auth-alert{border-radius:var(--radius-sm);align-items:flex-start;gap:10px;margin-bottom:1.25rem;padding:12px 14px;font-size:.82rem;line-height:1.6;display:flex}.auth-alert-info{color:var(--text-muted);background:#5b7fff12;border:1px solid #5b7fff2e}.auth-alert-success{color:var(--accent3);background:#34d39912;border:1px solid #34d39933}.auth-alert-error{color:var(--error);background:#f8717112;border:1px solid #f871712e}.auth-alert-icon{flex-shrink:0;margin-top:1px;font-size:1rem}.auth-link{color:var(--accent);transition:color var(--transition);font-size:.82rem;text-decoration:none}.auth-link:hover{color:var(--accent2);text-decoration:underline}.auth-footer-text{text-align:center;color:var(--text-muted);margin-top:1.5rem;font-size:.82rem}.security-badges{border-top:1px solid var(--border);justify-content:center;align-items:center;gap:16px;margin-top:1.25rem;padding-top:1.25rem;display:flex}.security-badge{font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.03em;text-transform:uppercase;align-items:center;gap:5px;font-size:.68rem;display:flex}.trial-banner{border-radius:var(--radius-sm);color:var(--text-muted);background:linear-gradient(135deg,#34d39912,#5b7fff0d);border:1px solid #34d3992e;align-items:flex-start;gap:10px;margin-bottom:1.25rem;padding:12px 14px;font-size:.82rem;line-height:1.6;display:flex}.trial-banner strong{color:var(--accent3)}.checkout-summary{background:var(--surface2);border:1px solid var(--border-bright);border-radius:var(--radius);margin-bottom:1.5rem;padding:1.25rem}.checkout-summary-title{font-family:var(--font-mono);color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;margin-bottom:1rem;font-size:.7rem}.checkout-row{justify-content:space-between;align-items:center;padding:5px 0;font-size:.875rem;display:flex}.checkout-row-label{color:var(--text-muted)}.checkout-row-value{color:var(--text);font-weight:600;font-family:var(--font-mono)}.checkout-row-value.accent{color:var(--accent3)}.checkout-divider{background:var(--border);height:1px;margin:8px 0}.checkout-total{justify-content:space-between;align-items:center;padding-top:8px;font-size:.925rem;font-weight:700;display:flex}.checkout-total-amount{font-family:var(--font-display);letter-spacing:-.02em;background:linear-gradient(135deg, var(--accent), var(--accent2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.2rem;font-weight:800}.auth-animate-in{animation:.35s cubic-bezier(.4,0,.2,1) both authFadeUp}@keyframes authFadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (max-width:860px){.auth-root{grid-template-columns:1fr}.auth-brand-panel{display:none}.auth-form-panel{padding:2rem 1.25rem}.auth-form-inner{max-width:100%}}