.auth-bg{z-index:0;position:fixed;inset:0;overflow:hidden}.auth-layout{z-index:1;grid-template-columns:1fr 1fr;min-height:100vh;display:grid;position:relative}.auth-form-panel{flex-direction:column;justify-content:center;width:100%;max-width:520px;margin:0 auto;padding:48px clamp(32px,6vw,80px);display:flex}.auth-logo{align-items:center;gap:10px;margin-bottom:40px;text-decoration:none;display:flex}.auth-tabs{border:1px solid var(--border-subtle);border-radius:var(--r-md);background:#ffffff0a;margin-bottom:32px;padding:4px;display:flex;position:relative}.auth-tab{color:var(--txt-secondary);transition:color var(--t-fast);z-index:1;cursor:pointer;background:0 0;border:none;border-radius:12px;flex:1;padding:10px 0;font-family:inherit;font-size:.875rem;font-weight:600}.auth-tab.active{color:var(--txt-primary)}.tab-indicator{background:#7c3aed2e;border:1px solid #7c3aed4d;border-radius:12px;width:50%;height:calc(100% - 8px);transition:left .35s cubic-bezier(.4,0,.2,1);position:absolute;top:4px;left:0}.auth-form{animation:.4s fadeSlide}@keyframes fadeSlide{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.form-group{margin-bottom:20px}.form-group label{color:var(--txt-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px;font-size:.78rem;font-weight:600;display:block}.input-wrapper{border:1px solid var(--border-subtle);border-radius:var(--r-md);transition:border-color var(--t-fast),box-shadow var(--t-fast);background:#ffffff0a;align-items:center;gap:10px;padding:0 14px;display:flex}.input-wrapper:focus-within{border-color:var(--clr-purple);box-shadow:0 0 0 3px #7c3aed26}.input-wrapper svg{color:var(--txt-muted);flex-shrink:0}.input-wrapper input{color:var(--txt-primary);background:0 0;border:none;outline:none;flex:1;padding:12px 0;font-family:inherit;font-size:.9rem}.input-wrapper input::placeholder{color:var(--txt-muted)}.toggle-pw{color:var(--txt-muted);transition:color var(--t-fast);cursor:pointer;background:0 0;border:none;padding:4px;display:flex}.toggle-pw:hover{color:var(--txt-secondary)}.form-row{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.form-row-2col{grid-template-columns:1fr 1fr;gap:16px;display:grid}.checkbox-label{color:var(--txt-secondary);cursor:pointer;align-items:center;gap:8px;font-size:.82rem;display:flex}.checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--clr-purple)}.forgot-link{color:var(--clr-purple-2);transition:opacity var(--t-fast);font-size:.82rem}.forgot-link:hover{opacity:.8}.btn-full{justify-content:center;width:100%;padding:14px!important;font-size:.95rem!important}.pw-strength{align-items:center;gap:10px;margin-top:8px;font-size:.72rem;font-weight:600;display:flex}.pw-bar{background:#ffffff14;border-radius:2px;flex:1;height:4px;overflow:hidden}.pw-fill{border-radius:2px;height:100%;transition:width .3s,background .3s}.auth-divider{align-items:center;gap:16px;margin:24px 0;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border-subtle);flex:1;height:1px}.auth-divider span{color:var(--txt-muted);white-space:nowrap;font-size:.75rem}.social-btns{grid-template-columns:1fr 1fr;gap:12px;display:grid}.social-btn{border-radius:var(--r-md);border:1px solid var(--border-subtle);color:var(--txt-secondary);transition:background var(--t-fast),border-color var(--t-fast),color var(--t-fast);cursor:pointer;background:#ffffff08;justify-content:center;align-items:center;gap:10px;padding:12px;font-size:.85rem;font-weight:600;display:flex}.social-btn:hover{border-color:var(--border-glow);color:var(--txt-primary);background:#ffffff14}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.auth-showcase{background:linear-gradient(135deg,#7c3aed14 0%,#f472b60f 100%),var(--bg-surface);border-left:1px solid var(--border-subtle);justify-content:center;align-items:center;padding:48px;display:flex}.showcase-content{max-width:420px}.showcase-badge{color:var(--clr-purple-2);background:#7c3aed26;border:1px solid #7c3aed4d;border-radius:100px;margin-bottom:20px;padding:6px 16px;font-size:.78rem;font-weight:600;display:inline-block}.showcase-content h2{margin-bottom:16px;font-size:2.2rem;font-weight:800;line-height:1.15}.showcase-content>p{color:var(--txt-secondary);margin-bottom:36px;font-size:.95rem;line-height:1.65}.showcase-features{flex-direction:column;gap:16px;margin-bottom:36px;display:flex}.showcase-feature{align-items:flex-start;gap:14px;display:flex}.sf-icon{border-radius:var(--r-sm);background:#7c3aed1f;border:1px solid #7c3aed40;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;display:flex}.showcase-feature strong{font-size:.875rem}.showcase-feature span{color:var(--txt-muted);font-size:.78rem}.showcase-quote{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--r-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:20px}.showcase-quote p{color:var(--txt-secondary);margin-bottom:16px;font-size:.875rem;font-style:italic;line-height:1.6}.quote-author{align-items:center;gap:12px;display:flex}.quote-avatar{background:var(--grad-main);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.8rem;font-weight:700;display:flex}.quote-author strong{font-size:.82rem}.quote-author span{color:var(--txt-muted);font-size:.72rem}@media (max-width:768px){.auth-layout{grid-template-columns:1fr}.auth-showcase{display:none}.auth-form-panel{max-width:100%;padding:32px 24px}.form-row-2col{grid-template-columns:1fr}}