.auth-page{min-height:100vh;display:flex}.auth-left{padding:var(--space-8);flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex;position:relative}.auth-right{background:var(--color-bg-secondary);padding:var(--space-8);flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.auth-right:before{content:"";pointer-events:none;background:radial-gradient(circle,#5547eb26,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.auth-right:after{content:"";pointer-events:none;background:radial-gradient(circle,#a936e21a,#0000 70%);border-radius:50%;width:300px;height:300px;position:absolute;top:20%;right:-10%}.auth-card{width:100%;max-width:420px;animation:fadeInUp var(--duration-slow) var(--ease-out)}.auth-brand{align-items:center;gap:var(--space-3);margin-bottom:var(--space-8);display:flex}.auth-brand-icon{border-radius:var(--radius-lg);background:var(--gradient-accent);width:40px;height:40px;font-weight:var(--font-weight-bold);font-size:var(--font-size-xl);color:#fff;justify-content:center;align-items:center;display:flex}.auth-brand-name{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight)}.auth-brand-name span{background:var(--gradient-accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.auth-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight);margin-bottom:var(--space-2)}.auth-subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--space-6)}.auth-form{gap:var(--space-4);flex-direction:column;display:flex}.auth-divider{align-items:center;gap:var(--space-3);color:var(--color-text-tertiary);font-size:var(--font-size-sm);margin:var(--space-2) 0;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--color-surface-border);flex:1;height:1px}.auth-footer{text-align:center;margin-top:var(--space-6);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.auth-footer a{font-weight:var(--font-weight-medium)}.auth-error{padding:var(--space-3) var(--space-4);background:var(--color-error-muted);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--font-size-sm);border:1px solid #e147474d}.auth-hero{z-index:1;text-align:center;max-width:440px;position:relative}.auth-hero-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-extrabold);letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-tight);margin-bottom:var(--space-4)}.auth-hero-description{font-size:var(--font-size-md);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.auth-features{margin-top:var(--space-8);gap:var(--space-4);text-align:left;flex-direction:column;display:flex}.auth-feature{align-items:flex-start;gap:var(--space-3);display:flex}.auth-feature-icon{border-radius:var(--radius-md);background:var(--color-accent-muted);width:36px;height:36px;color:var(--color-accent);flex-shrink:0;justify-content:center;align-items:center;display:flex}.auth-feature-text{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.auth-feature-text strong{color:var(--color-text-primary);font-weight:var(--font-weight-semibold);margin-bottom:2px;display:block}@media (max-width:768px){.auth-right{display:none}.auth-left{padding:var(--space-5)}}