:root{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-card:#12121c99;--bg-card-border:#ffffff14;--bg-input:#ffffff0a;--bg-input-border:#ffffff1a;--bg-input-focus:#7c3aed1a;--bg-input-focus-border:#7c3aed80;--text-primary:#f0f0f5;--text-secondary:#9494a8;--text-tertiary:#5e5e72;--text-link:#a78bfa;--accent:#7c3aed;--accent-hover:#6d28d9;--accent-light:#7c3aed26;--accent-glow:#7c3aed4d;--success:#10b981;--success-bg:#10b9811a;--error:#ef4444;--error-bg:#ef44441a;--warning:#f59e0b;--blue:#2563eb;--blue-light:#2563eb26;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--shadow-card:0 8px 32px #0000004d, 0 0 0 1px #ffffff0d;--shadow-input:0 0 0 0 transparent;--shadow-input-focus:0 0 0 3px #7c3aed26;--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.5;overflow-x:hidden}a{color:var(--text-link);transition:color var(--transition-fast);text-decoration:none}a:hover{color:#c4b5fd}.bg-orbs{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.orb{filter:blur(80px);opacity:.4;border-radius:50%;animation:20s ease-in-out infinite floatOrb;position:absolute}.orb-1{background:radial-gradient(circle,#7c3aed66,#0000 70%);width:500px;height:500px;animation-delay:0s;top:-10%;left:-5%}.orb-2{background:radial-gradient(circle,#2563eb59,#0000 70%);width:400px;height:400px;animation-duration:25s;animation-delay:-7s;bottom:-15%;right:-5%}.orb-3{background:radial-gradient(circle,#10b98140,#0000 70%);width:300px;height:300px;animation-duration:22s;animation-delay:-14s;top:50%;left:40%}@keyframes floatOrb{0%,to{transform:translate(0)scale(1)}25%{transform:translate(30px,-40px)scale(1.05)}50%{transform:translate(-20px,20px)scale(.95)}75%{transform:translate(40px,30px)scale(1.02)}}.auth-layout{z-index:1;min-height:100vh;display:flex;position:relative}.brand-panel{flex:0 0 46%;justify-content:center;align-items:center;padding:48px 56px;display:flex;position:relative;overflow:hidden}.brand-panel:before{content:"";z-index:0;background:linear-gradient(135deg,#7c3aed14,#2563eb0f);position:absolute;inset:0}.brand-content{z-index:1;max-width:440px;position:relative}.brand-logo{align-items:center;gap:12px;margin-bottom:48px;display:flex}.logo-text{color:var(--text-primary);letter-spacing:-.02em;font-size:1.25rem;font-weight:700}.brand-headline{letter-spacing:-.03em;color:var(--text-primary);margin-bottom:20px;font-size:2.75rem;font-weight:800;line-height:1.15}.brand-headline .highlight{background:linear-gradient(135deg,#7c3aed,#2563eb);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.brand-description{color:var(--text-secondary);margin-bottom:40px;font-size:1.0625rem;line-height:1.7}.brand-stats{gap:32px;margin-bottom:40px;display:flex}.stat{flex-direction:column;display:flex}.stat-number{color:var(--text-primary);letter-spacing:-.02em;font-size:1.5rem;font-weight:700}.stat-label{color:var(--text-tertiary);margin-top:2px;font-size:.8125rem}.brand-testimonial{border-radius:var(--radius-lg);background:#ffffff08;border:1px solid #ffffff0f;padding:20px 24px}.testimonial-quote{color:var(--text-secondary);margin-bottom:16px;font-size:.9375rem;font-style:italic;line-height:1.6}.testimonial-author{align-items:center;gap:12px;display:flex}.author-avatar{object-fit:cover;border:2px solid #7c3aed4d;border-radius:50%;width:36px;height:36px}.author-name{color:var(--text-primary);font-size:.875rem;font-weight:600}.author-role{color:var(--text-tertiary);font-size:.75rem}.auth-main{flex:1;justify-content:center;align-items:center;padding:32px 24px;display:flex;position:relative}.auth-card{background:var(--bg-card);-webkit-backdrop-filter:blur(24px);border:1px solid var(--bg-card-border);border-radius:var(--radius-xl);width:100%;max-width:460px;box-shadow:var(--shadow-card);opacity:0;padding:40px;animation:.6s cubic-bezier(.16,1,.3,1) forwards cardAppear;transform:translateY(12px)}@keyframes cardAppear{to{opacity:1;transform:translateY(0)}}.mobile-logo{justify-content:center;align-items:center;gap:10px;margin-bottom:28px;display:none}.tab-toggle{border-radius:var(--radius-md);background:#ffffff0a;border:1px solid #ffffff0f;margin-bottom:32px;padding:4px;display:flex;position:relative}.tab-btn{z-index:2;font-family:var(--font);color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition-fast);background:0 0;border:none;flex:1;padding:10px 20px;font-size:.875rem;font-weight:500;position:relative}.tab-btn.active{color:var(--text-primary)}.tab-btn:hover:not(.active){color:var(--text-secondary)}.tab-indicator{z-index:1;border-radius:var(--radius-sm);width:calc(50% - 4px);height:calc(100% - 8px);transition:transform var(--transition-slow);background:#ffffff14;border:1px solid #ffffff0f;position:absolute;top:4px;left:4px}.tab-indicator.right{transform:translate(100%)}.auth-form{animation:.35s forwards formFadeIn}.auth-form.hidden{display:none}@keyframes formFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.form-header{margin-bottom:28px}.form-title{letter-spacing:-.02em;color:var(--text-primary);margin-bottom:6px;font-size:1.5rem;font-weight:700}.form-subtitle{color:var(--text-secondary);font-size:.9375rem}.form-fields{flex-direction:column;gap:20px;display:flex}.field-group{flex-direction:column;gap:6px;display:flex}.field-label{color:var(--text-secondary);letter-spacing:.01em;font-size:.8125rem;font-weight:500}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:var(--text-tertiary);pointer-events:none;transition:color var(--transition-fast);flex-shrink:0;position:absolute;left:14px}.field-input{background:var(--bg-input);border:1px solid var(--bg-input-border);border-radius:var(--radius-md);width:100%;font-family:var(--font);color:var(--text-primary);transition:all var(--transition-normal);outline:none;padding:12px 14px 12px 44px;font-size:.9375rem}.field-input::placeholder{color:var(--text-tertiary)}.field-input:hover{border-color:#ffffff29}.field-input:focus{background:var(--bg-input-focus);border-color:var(--bg-input-focus-border);box-shadow:var(--shadow-input-focus)}.field-input:focus~.input-icon,.field-input:focus+.input-icon,.input-wrapper:focus-within .input-icon{color:var(--accent)}.field-input.error{background:var(--error-bg);border-color:#ef444480}.field-input.error:focus{box-shadow:0 0 0 3px #ef44441f}.field-error{color:var(--error);min-height:0;transition:all var(--transition-fast);font-size:.75rem;overflow:hidden}.field-error:not(:empty){margin-top:2px}.toggle-password{color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;right:10px}.toggle-password:hover{color:var(--text-secondary);background:#ffffff0d}.eye-closed,.toggle-password.showing .eye-open{display:none}.toggle-password.showing .eye-closed{display:block}.password-strength{opacity:0;transition:all var(--transition-normal);pointer-events:none;align-items:center;gap:10px;margin-top:4px;display:flex;transform:translateY(-4px)}.password-strength.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.strength-bar{background:#ffffff14;border-radius:3px;flex:1;height:3px;overflow:hidden}.strength-fill{border-radius:3px;width:0;height:100%;transition:all .4s}.strength-text{white-space:nowrap;font-size:.6875rem;font-weight:500}.type-selector{gap:12px;display:flex}.type-selector input[type=radio]{display:none}.type-option{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);-webkit-user-select:none;user-select:none;background:#ffffff05;border:1px solid #ffffff14;flex:1;align-items:center;gap:12px;padding:14px 16px;display:flex}.type-option:hover{background:#ffffff0a;border-color:#ffffff24}.type-selector input[type=radio]:checked+.type-option{background:var(--accent-light);border-color:#7c3aed66}.type-selector input[type=radio]:checked+.type-option .type-option-icon{color:var(--accent)}.type-option-icon{color:var(--text-tertiary);transition:color var(--transition-fast);flex-shrink:0}.type-option-text{flex-direction:column;gap:1px;display:flex}.type-option-title{color:var(--text-primary);font-size:.875rem;font-weight:600}.type-option-desc{color:var(--text-tertiary);font-size:.75rem}.business-field{opacity:0;max-height:0;margin-top:0;transition:max-height .4s cubic-bezier(.16,1,.3,1),opacity .3s,margin-top .3s;overflow:hidden}.business-field.visible{opacity:1;max-height:120px;margin-top:0}.checkbox-wrapper{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:flex-start;gap:10px;display:flex}.checkbox-wrapper input[type=checkbox]{display:none}.checkmark{width:18px;height:18px;transition:all var(--transition-fast);border:1.5px solid #ffffff29;border-radius:5px;flex-shrink:0;margin-top:1px;position:relative}.checkbox-wrapper input[type=checkbox]:checked+.checkmark{background:var(--accent);border-color:var(--accent)}.checkbox-wrapper input[type=checkbox]:checked+.checkmark:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:4px;height:9px;position:absolute;top:2px;left:6px;transform:rotate(45deg)}.checkbox-label{color:var(--text-secondary);font-size:.8125rem;line-height:1.5}.form-row{justify-content:space-between;align-items:center;display:flex}.forgot-link{color:var(--text-link);transition:color var(--transition-fast);font-size:.8125rem}.forgot-link:hover{color:#c4b5fd}.btn-primary{border-radius:var(--radius-md);width:100%;font-family:var(--font);color:#fff;cursor:pointer;transition:all var(--transition-normal);background:linear-gradient(135deg,#7c3aed,#6d28d9);border:none;justify-content:center;align-items:center;gap:8px;margin-top:24px;padding:13px 24px;font-size:.9375rem;font-weight:600;display:flex;position:relative;overflow:hidden}.btn-primary:before{content:"";opacity:0;transition:opacity var(--transition-fast);background:linear-gradient(135deg,#ffffff1a,#0000);position:absolute;inset:0}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 16px #7c3aed59}.btn-primary:hover:before{opacity:1}.btn-primary:active{transform:translateY(0);box-shadow:0 2px 8px #7c3aed40}.btn-primary.loading{pointer-events:none;opacity:.85}.btn-primary .btn-loader{display:none}.btn-primary.loading .btn-text{opacity:0}.btn-primary.loading .btn-loader{display:flex}.spinner{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.divider{align-items:center;gap:16px;margin:24px 0;display:flex}.divider:before,.divider:after{content:"";background:#ffffff0f;flex:1;height:1px}.divider-text{color:var(--text-tertiary);white-space:nowrap;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.social-buttons{gap:12px;display:flex}.btn-social{border-radius:var(--radius-md);font-family:var(--font);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-normal);background:#ffffff08;border:1px solid #ffffff14;flex:1;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-size:.875rem;font-weight:500;display:flex}.btn-social:hover{color:var(--text-primary);background:#ffffff0f;border-color:#ffffff24;transform:translateY(-1px)}.btn-social:active{transform:translateY(0)}.auth-footer-text{text-align:center;color:var(--text-tertiary);margin-top:24px;font-size:.75rem;line-height:1.6}.toast{-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-md);z-index:1000;opacity:0;background:#12121ce6;border:1px solid #ffffff14;align-items:center;gap:12px;max-width:380px;padding:14px 20px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;bottom:24px;right:24px;transform:translateY(calc(100% + 40px));box-shadow:0 8px 32px #0006}.toast.show{opacity:1;transform:translateY(0)}.toast-icon{flex-shrink:0;width:24px;height:24px}.toast-content{flex-direction:column;gap:2px;min-width:0;display:flex}.toast-title{color:var(--text-primary);font-size:.875rem;font-weight:600}.toast-message{color:var(--text-secondary);font-size:.8125rem}.toast-close{color:var(--text-tertiary);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;flex-shrink:0;padding:0 0 0 8px;font-size:1.25rem;line-height:1}.toast-close:hover{color:var(--text-primary)}@media (width<=1024px){.brand-panel{flex:0 0 42%;padding:40px 36px}.brand-headline{font-size:2.25rem}}@media (width<=768px){.auth-layout{flex-direction:column}.brand-panel{display:none}.auth-main{min-height:100vh;padding:24px 16px}.auth-card{border-radius:var(--radius-lg);max-width:100%;padding:28px 24px}.mobile-logo{display:flex}.type-selector,.social-buttons{flex-direction:column}.brand-stats{gap:24px}.form-row{flex-direction:column;align-items:flex-start;gap:10px}}@media (width<=400px){.auth-card{padding:24px 18px}.tab-btn{padding:8px 14px;font-size:.8125rem}.toast{max-width:none;left:12px;right:12px}}.auth-body{justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-bg{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.auth-orb{filter:blur(80px);opacity:.4;border-radius:50%;animation:20s ease-in-out infinite floatOrb;position:absolute}.auth-orb-1{background:radial-gradient(circle,#7c3aed73,#0000 70%);width:600px;height:600px;top:-20%;left:-15%}.auth-orb-2{background:radial-gradient(circle,#2563eb59,#0000 70%);width:500px;height:500px;animation-delay:-8s;bottom:-20%;right:-10%}.auth-orb-3{background:radial-gradient(circle,#06b6d440,#0000 70%);width:350px;height:350px;animation-delay:-14s;top:50%;left:50%;transform:translate(-50%,-50%)}.auth-wrapper{z-index:1;flex-direction:column;align-items:center;gap:24px;width:100%;max-width:460px;padding:24px 20px;display:flex;position:relative}.auth-brand{color:var(--text-primary);letter-spacing:-.02em;align-items:center;gap:10px;font-size:1.25rem;font-weight:800;text-decoration:none;display:flex}.auth-brand:hover{opacity:.8}.auth-brand-icon{color:#fff;background:linear-gradient(135deg,#7c3aed,#2563eb);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;display:flex;box-shadow:0 4px 16px #7c3aed66}.auth-card{background:var(--bg-card);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--bg-card-border);opacity:0;border-radius:24px;width:100%;padding:36px 32px;animation:.5s cubic-bezier(.16,1,.3,1) forwards cardIn;box-shadow:0 24px 64px #0006}@keyframes cardIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-icon-wrap{border-radius:20px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 20px;display:flex}.auth-icon-wrap.purple{background:var(--accent-light);color:#c4b5fd;border:1px solid #7c3aed33;box-shadow:0 0 24px #7c3aed33}.auth-icon-wrap.green{background:var(--success-bg);color:var(--success);border:1px solid #10b98133}.auth-title{color:var(--text-primary);letter-spacing:-.03em;text-align:center;margin-bottom:8px;font-size:1.625rem;font-weight:800}.auth-subtitle{color:var(--text-secondary);text-align:center;margin-bottom:24px;font-size:.875rem;line-height:1.6}.auth-alert{border-radius:var(--radius-md);align-items:flex-start;gap:10px;margin-bottom:20px;padding:12px 14px;font-size:.8125rem;line-height:1.5;display:flex}.auth-alert.success{background:var(--success-bg);color:var(--success);border:1px solid #10b98133}.auth-alert.error{background:var(--error-bg);color:var(--error);border:1px solid #ef444433}.auth-form{flex-direction:column;gap:18px;display:flex}.auth-field{flex-direction:column;gap:6px;display:flex}.auth-label{color:var(--text-secondary);font-size:.8125rem;font-weight:600}.auth-input-wrap{align-items:center;display:flex;position:relative}.auth-input-icon{color:var(--text-tertiary);pointer-events:none;transition:color .15s;position:absolute;left:14px}.auth-input{background:var(--bg-input);border:1px solid var(--bg-input-border);border-radius:var(--radius-md);width:100%;font-family:var(--font);color:var(--text-primary);outline:none;padding:12px 14px 12px 44px;font-size:.9375rem;transition:all .25s}.auth-input::placeholder{color:var(--text-tertiary)}.auth-input:hover{border-color:#ffffff29}.auth-input:focus{background:#7c3aed0f;border-color:#7c3aed80;box-shadow:0 0 0 3px #7c3aed1f}.auth-input-wrap:focus-within .auth-input-icon{color:var(--accent)}.auth-input.error{background:var(--error-bg);border-color:#ef444480}.auth-error{color:var(--error);font-size:.75rem}.auth-pw-toggle{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;transition:color .15s;display:flex;position:absolute;right:14px}.auth-pw-toggle:hover{color:var(--text-secondary)}.auth-btn{border-radius:var(--radius-md);width:100%;font-family:var(--font);color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#6d28d9);border:none;justify-content:center;align-items:center;gap:8px;margin-top:4px;padding:13px 24px;font-size:.9375rem;font-weight:700;transition:all .25s;display:flex;box-shadow:0 4px 16px #7c3aed4d}.auth-btn:hover{transform:translateY(-1px);box-shadow:0 6px 24px #7c3aed73}.auth-divider{background:#ffffff0f;height:1px;margin:4px 0}.auth-back-link{color:var(--text-secondary);justify-content:center;align-items:center;gap:6px;margin-top:4px;font-size:.875rem;text-decoration:none;transition:color .15s;display:flex}.auth-back-link:hover{color:#c4b5fd}.auth-footer{color:var(--text-tertiary);text-align:center;margin-top:4px;font-size:.875rem}.auth-footer a{color:#c4b5fd;font-weight:600;text-decoration:none}.auth-strength{flex-direction:column;gap:6px;margin-top:4px;display:flex}.auth-strength-bars{gap:4px;display:flex}.auth-strength-bar{background:#ffffff14;border-radius:2px;flex:1;height:3px;transition:background .25s}.auth-strength-bar.weak{background:var(--error)}.auth-strength-bar.fair{background:var(--warning)}.auth-strength-bar.good{background:var(--blue)}.auth-strength-bar.strong{background:var(--success)}.auth-strength-label{color:var(--text-tertiary);font-size:.6875rem}.auth-success-state{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.auth-success-icon{background:var(--success-bg);border:1px solid #10b98133;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:8px;animation:.5s cubic-bezier(.16,1,.3,1) forwards successPop;display:flex}@keyframes successPop{0%{opacity:0;transform:scale(.5)}60%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.auth-success-icon svg{color:var(--success)}
