.auth-page{min-height:100vh;display:flex}.auth-left{padding:var(--space-3xl);background:var(--bg-primary);flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.auth-left-bg{z-index:0;position:absolute;inset:0}.auth-left-orb-1{filter:blur(60px);background:radial-gradient(circle,#00d4ff33,#0000 70%);border-radius:50%;width:400px;height:400px;animation:15s ease-in-out infinite orbFloat;position:absolute;top:20%;left:20%}.auth-left-orb-2{filter:blur(60px);background:radial-gradient(circle,#7928ca33,#0000 70%);border-radius:50%;width:300px;height:300px;animation:15s ease-in-out infinite reverse orbFloat;position:absolute;bottom:20%;right:20%}.auth-left-grid{background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 80%,#000 20%,#0000 100%);mask-image:radial-gradient(80% 80%,#000 20%,#0000 100%)}.auth-left-content{z-index:1;text-align:center;max-width:400px;position:relative}.auth-left-logo{margin-bottom:var(--space-2xl);letter-spacing:-.02em;justify-content:center;align-items:center;gap:12px;font-size:1.5rem;font-weight:700;display:flex}.auth-left-logo span{color:var(--accent-primary)}.auth-left h2{margin-bottom:var(--space-md);background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2rem}.auth-left p{color:var(--text-muted);font-size:1rem;line-height:1.7}.auth-right{padding:var(--space-3xl);background:var(--bg-surface);flex:1;justify-content:center;align-items:center;display:flex;position:relative}.auth-form-wrapper{width:100%;max-width:400px}.auth-form-header{margin-bottom:var(--space-xl)}.auth-form-header h1{margin-bottom:var(--space-sm);font-size:1.75rem}.auth-form-header p{color:var(--text-muted);font-size:.9375rem}.btn-google{justify-content:center;align-items:center;gap:var(--space-sm);background:var(--glass-bg);border:1px solid var(--border-default);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:all var(--transition-base);cursor:pointer;padding:12px;font-size:.875rem;font-weight:500;display:flex}.btn-google:hover{background:var(--glass-bg-hover);border-color:var(--border-strong)}.btn-google svg{width:18px;height:18px}.auth-form{gap:var(--space-md);flex-direction:column;display:flex}.auth-form .divider-text{margin:var(--space-sm) 0}.auth-form .input-group{gap:8px}.auth-form-actions{margin-top:var(--space-xs);justify-content:space-between;align-items:center;display:flex}.auth-checkbox{align-items:center;gap:var(--space-sm);color:var(--text-secondary);cursor:pointer;font-size:.8125rem;display:flex}.auth-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent-primary);cursor:pointer}.auth-link{color:var(--accent-primary);transition:opacity var(--transition-fast);font-size:.8125rem;font-weight:500}.auth-link:hover{opacity:.8}.auth-submit{margin-top:var(--space-sm)}.auth-submit .btn{width:100%}.auth-footer-text{text-align:center;color:var(--text-muted);margin-top:var(--space-lg);font-size:.8125rem}.auth-footer-text a{color:var(--accent-primary);font-weight:500}.password-strength{gap:4px;margin-top:4px;display:flex}.password-strength-bar{background:var(--border-subtle);height:3px;transition:background var(--transition-fast);border-radius:2px;flex:1}.password-strength-bar.weak{background:var(--danger)}.password-strength-bar.medium{background:var(--warning)}.password-strength-bar.strong{background:var(--success)}.auth-message{border-radius:var(--radius-md);align-items:center;gap:var(--space-sm);padding:12px 16px;font-size:.8125rem;display:none}.auth-message.show{display:flex}.auth-message.error{color:var(--danger);background:#ff3d3d1a;border:1px solid #ff3d3d33}.auth-message.success{color:var(--success);background:#00c8531a;border:1px solid #00c85333}.auth-back{top:var(--space-lg);left:var(--space-lg);color:var(--text-muted);transition:color var(--transition-fast);align-items:center;gap:6px;font-size:.8125rem;display:flex;position:absolute}.auth-back:hover{color:var(--text-primary)}.auth-back svg{width:16px;height:16px}@media (width<=1024px){.auth-left{display:none}.auth-right{flex:1}}@media (width<=768px){.auth-right{padding:var(--space-xl) var(--container-padding)}.auth-form-header h1{font-size:1.5rem}}