.auth-page{min-height:100vh;padding:var(--space-6);background:var(--gradient-hero);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.auth-page:before{content:"";pointer-events:none;background:radial-gradient(circle,#6366f114 0%,#0000 60%);width:80%;height:80%;position:absolute;top:-50%;right:-30%}.auth-page:after{content:"";pointer-events:none;background:radial-gradient(circle,#8b5cf60f 0%,#0000 60%);width:60%;height:60%;position:absolute;bottom:-30%;left:-20%}.auth-container{z-index:1;width:100%;max-width:420px;position:relative}.auth-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);padding:var(--space-10);box-shadow:var(--shadow-xl);animation:.4s ease-out scaleIn}.auth-header{text-align:center;margin-bottom:var(--space-8)}.auth-logo{border-radius:var(--radius-lg);background:var(--gradient-accent);width:48px;height:48px;font-weight:var(--font-bold);color:#fff;font-size:var(--text-xl);margin:0 auto var(--space-5);justify-content:center;align-items:center;display:flex}.auth-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary);letter-spacing:-.02em;margin-bottom:var(--space-2)}.auth-subtitle{font-size:var(--text-sm);color:var(--color-text-secondary)}.auth-form{gap:var(--space-5);flex-direction:column;display:flex}.auth-divider{align-items:center;gap:var(--space-4);margin:var(--space-2) 0;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--color-border);flex:1;height:1px}.auth-divider-text{font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.auth-oauth-buttons{gap:var(--space-3);display:flex}.auth-oauth-btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast);flex:1;display:flex}.auth-oauth-btn:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover)}.auth-footer{text-align:center;margin-top:var(--space-6);font-size:var(--text-sm);color:var(--color-text-tertiary)}.auth-footer a{color:var(--color-accent);font-weight:var(--font-medium)}.auth-footer a:hover{color:var(--color-accent-hover)}.auth-legal{text-align:center;margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-border);font-size:var(--text-xs);color:var(--color-text-muted);line-height:1.6}.auth-legal a{color:var(--color-text-tertiary);text-decoration:underline}.auth-legal a:hover{color:var(--color-text-secondary)}.auth-back{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-tertiary);margin-bottom:var(--space-6);transition:color var(--transition-fast);text-decoration:none;display:inline-flex}.auth-back:hover{color:var(--color-text-primary)}.auth-error{padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);color:#ef4444;font-size:var(--text-sm);background:#ef44441a;border:1px solid #ef444447;margin:0;line-height:1.4}.auth-success{padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);color:#22c55e;font-size:var(--text-sm);background:#22c55e1a;border:1px solid #22c55e47;margin:0;line-height:1.4}.auth-checkbox{align-items:flex-start;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-tertiary);cursor:pointer;line-height:1.4;display:flex}.auth-checkbox input{width:15px;height:15px;accent-color:var(--color-accent);cursor:pointer;flex-shrink:0;margin-top:2px}.auth-checkbox a{color:var(--color-accent)}.auth-link-muted{font-size:var(--text-xs);color:var(--color-text-tertiary);transition:color var(--transition-fast)}.auth-link-muted:hover{color:var(--color-accent)}