.auth-section { background: #fff; }
.auth-bg-img { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; z-index: 0; opacity: 0.35; mix-blend-mode: luminosity; }
.auth-section .col-lg-7 { background: linear-gradient(135deg, #724ebf 0%, #3a1d7a 50%, #1e0c45 100%) !important; }
.auth-visual-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(135deg, rgba(114, 78, 191, 0.85) 0%, rgba(58, 29, 122, 0.75) 50%, rgba(30, 12, 69, 0.85) 100%); z-index: 1; }
.auth-content-wrapper { z-index: 2; }
.auth-content-wrapper h1, .auth-content-wrapper p { text-shadow: 0 2px 12px rgba(0,0,0,0.35); }
.feature-badge { background: rgba(255,255,255,0.15) !important; border: 1px solid rgba(255,255,255,0.25); color: #fff; }
.backdrop-blur { backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
.form-floating > .form-control:focus { box-shadow: none; border: 1px solid #724ebf !important; background: white !important; }
.form-floating > label { color: #888; }
.btn-primary { background: linear-gradient(135deg, #724ebf 0%, #1e0c45 100%) !important; border: none !important; }
.btn-primary:hover, .btn-primary:focus { background: linear-gradient(135deg, #1e0c45 0%, #724ebf 100%) !important; }
.text-primary { color: #724ebf !important; }
.hover-scale { transition: transform 0.2s; }
.hover-scale:hover { transform: scale(1.02); }