.auth-container{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;position:relative}.auth-branding{display:flex;flex-direction:column;justify-content:center;padding:48px;background:linear-gradient(135deg,rgba(139,92,255,.12),rgba(255,122,217,.08));border-right:1px solid var(--stroke);position:relative;overflow:hidden}.auth-branding::before{content:'';position:absolute;width:300px;height:300px;border-radius:50%;background:rgba(255,122,217,.12);filter:blur(80px);top:10%;left:-10%}.auth-logo img{width:64px;height:64px;margin-bottom:20px}.auth-brand-title{font-family:var(--font-heading);font-size:2.2rem;margin-bottom:10px;background:var(--grad-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.auth-brand-subtitle{color:var(--text-secondary);font-size:1rem;margin-bottom:32px;line-height:1.6}.auth-features{display:flex;flex-direction:column;gap:18px}.auth-feature{display:flex;align-items:flex-start;gap:14px}.auth-feature-icon{font-size:1.5rem;flex-shrink:0;width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:var(--glass);border:1px solid var(--stroke);border-radius:var(--radius-sm)}.auth-feature strong{display:block;font-size:.95rem;margin-bottom:2px}.auth-feature p{color:var(--text-secondary);font-size:.85rem;margin:0}.auth-forms{display:flex;flex-direction:column;justify-content:center;padding:48px;max-width:520px;margin:0 auto;width:100%}.auth-tabs{display:flex;gap:4px;background:var(--glass);border-radius:var(--radius-sm);padding:4px;margin-bottom:28px}.auth-tab{flex:1;padding:12px 16px;border:none;background:0 0;color:var(--text-secondary);font-weight:600;font-size:.95rem;border-radius:var(--radius-xs);cursor:pointer;transition:all var(--transition);font-family:var(--font-family)}.auth-tab.active{background:var(--grad-main);color:#0e0b1f}.auth-tab:hover:not(.active){color:var(--text);background:rgba(255,255,255,.08)}.auth-panel{display:none}.auth-panel.active{display:block;animation:fadeIn .3s ease}@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.auth-title{font-family:var(--font-heading);font-size:1.6rem;margin-bottom:6px}.auth-subtitle{color:var(--text-secondary);font-size:.9rem;margin-bottom:24px}.auth-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-weight:600;font-size:.85rem;color:var(--text-secondary)}.form-group input{background:var(--glass);border:1px solid var(--stroke);color:var(--text);padding:12px 16px;border-radius:var(--radius-sm);font-size:.95rem;font-family:var(--font-family);transition:all var(--transition);outline:0}.form-group input:focus{border-color:var(--pink);box-shadow:0 0 0 3px rgba(255,122,217,.15)}.form-group input::placeholder{color:var(--muted)}.form-error{font-size:.8rem;color:var(--red);min-height:18px}.form-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.form-row-2col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.password-wrapper{position:relative}.password-wrapper input{width:100%;padding-right:48px}.password-toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);background:0 0;border:none;padding:8px;cursor:pointer;font-size:1rem;opacity:.7;transition:opacity var(--transition)}.password-toggle:hover{opacity:1}.password-strength{display:flex;align-items:center;gap:8px}.strength-bar{flex:1;height:4px;background:var(--glass);border-radius:2px;overflow:hidden}.strength-bar span{display:block;height:100%;width:0%;border-radius:2px;transition:width .3s,background .3s}.strength-bar.weak span{width:25%;background:var(--red)}.strength-bar.fair span{width:50%;background:var(--yellow)}.strength-bar.good span{width:75%;background:var(--blue)}.strength-bar.strong span{width:100%;background:var(--green)}.strength-text{font-size:.75rem;color:var(--muted);white-space:nowrap}.checkbox-wrapper{display:flex;align-items:flex-start;gap:10px;cursor:pointer;font-size:.9rem;color:var(--text-secondary)}.checkbox-wrapper input[type=checkbox]{display:none}.checkbox-custom{width:20px;height:20px;min-width:20px;border:2px solid var(--stroke);border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all var(--transition);margin-top:2px}.checkbox-wrapper input:checked+.checkbox-custom{background:var(--grad-main);border-color:transparent}.checkbox-wrapper input:checked+.checkbox-custom::after{content:'✓';color:#0e0b1f;font-size:.75rem;font-weight:700}.terms-checkbox{margin-top:4px}.terms-checkbox a{color:var(--pink);text-decoration:underline}.forgot-link{color:var(--pink);font-size:.85rem;font-weight:600}.auth-btn{width:100%;padding:14px 24px;border-radius:var(--radius-sm);border:none;font-weight:700;font-size:1rem;cursor:pointer;font-family:var(--font-family);transition:all var(--transition);display:flex;align-items:center;justify-content:center;gap:8px;margin-top:4px}.auth-btn.primary{background:var(--grad-main);color:#0e0b1f}.auth-btn.primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-pink)}.auth-btn:disabled{opacity:.6;pointer-events:none}.auth-divider{display:flex;align-items:center;gap:16px;margin:20px 0}.auth-divider::after,.auth-divider::before{content:'';flex:1;height:1px;background:var(--stroke)}.auth-divider span{font-size:.85rem;color:var(--muted);white-space:nowrap}.social-auth{display:grid;grid-template-columns:1fr 1fr;gap:12px}.social-btn{padding:12px 16px;border-radius:var(--radius-sm);border:1px solid var(--stroke);background:var(--glass);color:var(--text);font-family:var(--font-family);font-weight:600;font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all var(--transition)}.social-btn:hover{border-color:var(--stroke-hover);background:var(--glass-hover);transform:translateY(-1px)}.auth-footer{text-align:center;margin-top:20px;color:var(--text-secondary);font-size:.9rem}.auth-footer a{color:var(--pink);font-weight:600}.selected-plan{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--glass);border:1px solid var(--pink);border-radius:var(--radius-sm)}.plan-icon{font-size:1.5rem}.plan-info{flex:1}.plan-info strong{display:block;font-size:.95rem}.plan-info span{font-size:.8rem;color:var(--text-secondary)}.change-plan{color:var(--pink);font-size:.85rem;font-weight:600}@media (max-width:900px){.auth-container{grid-template-columns:1fr}.auth-branding{display:none}.auth-forms{padding:32px 20px;max-width:100%}}@media (max-width:500px){.form-row-2col{grid-template-columns:1fr}.social-auth{grid-template-columns:1fr}}