.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-back-link{top:var(--space-6);left:var(--space-6);align-items:center;gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);transition:all var(--duration-fast) var(--ease-out);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:0 0;text-decoration:none;display:flex;position:absolute}.auth-back-link:hover{color:var(--color-text-primary);background:var(--color-bg-secondary)}.auth-back-link svg{transition:transform var(--duration-fast) var(--ease-out)}.auth-back-link:hover svg{transform:translate(-3px)}.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-social-divider{align-items:center;gap:var(--space-4);margin:var(--space-6) 0 var(--space-4);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:var(--font-weight-bold);display:flex}.auth-social-divider:before,.auth-social-divider:after{content:"";background:var(--color-surface-border);flex:1;height:1px}.auth-social-buttons{gap:var(--space-3);flex-direction:column;display:flex}.btn-social{justify-content:center;align-items:center;gap:var(--space-3);border-radius:var(--radius-md);width:100%;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);cursor:pointer;border:none;padding:12px;transition:all .2s;display:flex}.btn-social:hover{transform:translateY(-1px)}.btn-tiktok{color:#fff;background:#000;border:1px solid #ffffff1a}.btn-tiktok:hover{background:#111}.btn-twitch{color:#fff;background:#9146ff}.btn-twitch:hover{background:#772ce8}.btn-discord{color:#fff;background:#5865f2}.btn-discord:hover{background:#4752c4}.btn-google{color:#fff;background:#202225;border:1px solid #ffffff1a}.btn-google:hover{background:#2f3136}.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)}}