:root{--primary: #4361ee;--primary-dark: #3a0ca3;--secondary: #4cc9f0;--success: #20c997;--warning: #ff9e00;--danger: #f72585;--dark: #2d3748;--light: #f8f9fa}body{font-family:Inter,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;display:flex;align-items:center}.login-container{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;box-shadow:0 15px 35px #0000001a;overflow:hidden;border:1px solid rgba(255,255,255,.2)}.login-header{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;padding:2.5rem 2rem;text-align:center}.login-header .logo{font-size:2.5rem;margin-bottom:1rem}.login-header h1{font-size:1.8rem;font-weight:700;margin-bottom:.5rem}.login-header p{font-size:1rem;opacity:.9;margin-bottom:0}.login-body{padding:2.5rem 2rem}.form-control{border:2px solid #e2e8f0;border-radius:12px;padding:.75rem 1rem;font-size:.95rem;transition:all .3s ease}.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 .2rem #4361ee26}.form-label{font-weight:500;color:var(--dark);margin-bottom:.5rem}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);border:none;border-radius:12px;padding:.75rem 2rem;font-weight:600;font-size:1rem;transition:all .3s ease;box-shadow:0 4px 15px #4361ee4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4361ee66}.btn-outline-primary{border:2px solid var(--primary);color:var(--primary);border-radius:12px;padding:.75rem 2rem;font-weight:600;transition:all .3s ease}.btn-outline-primary:hover{background:var(--primary);color:#fff;transform:translateY(-2px)}.login-features{background:var(--light);padding:2rem;border-radius:15px;margin-top:2rem}.feature-item{display:flex;align-items:center;margin-bottom:1rem;padding:.75rem;border-radius:10px;transition:all .3s ease}.feature-item:hover{background:#4361ee0d;transform:translate(5px)}.feature-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;margin-right:1rem;font-size:1.1rem}.feature-text h6{font-weight:600;margin-bottom:.25rem;color:var(--dark)}.feature-text p{font-size:.85rem;color:#6c757d;margin-bottom:0}.form-check-input:checked{background-color:var(--primary);border-color:var(--primary)}.form-check-label{font-weight:500;color:var(--dark)}.auth-switch{text-align:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.auth-switch a{color:var(--primary);font-weight:600;text-decoration:none;transition:all .3s ease}.auth-switch a:hover{color:var(--primary-dark);text-decoration:underline}.invalid-feedback{font-size:.85rem;font-weight:500}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-container{animation:fadeInUp .6s ease-out}.bg-light.rounded{background-color:#f8f9fa!important;border:1px solid #e9ecef}#loginForm,#registerForm{transition:all .3s ease-in-out}@media (max-width: 768px){.login-header,.login-body{padding:2rem 1.5rem}.login-header h1{font-size:1.5rem}.border-start{border-left:none!important;border-top:1px solid #e2e8f0;margin-top:2rem;padding-top:2rem}.login-features{padding:1.5rem}.feature-item{padding:.5rem}}.text-center.mt-4 p.text-white{text-shadow:0 1px 2px rgba(0,0,0,.1)}.text-center.mt-4 p.text-white-50{font-size:.85rem}.input-group .form-control:focus{z-index:3}.form-control::-moz-placeholder{color:#a0aec0;font-size:.9rem}.form-control::placeholder{color:#a0aec0;font-size:.9rem}.btn-primary:disabled{opacity:.7;cursor:not-allowed;transform:none!important}.form-control.is-valid{border-color:var(--success);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2320c997' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e")}