.auth-container{min-height:100vh;background:linear-gradient(135deg, #f5f5f5 0%, #e8eef5 100%);display:flex;align-items:center;justify-content:center;padding:20px;position:relative;overflow:hidden}.auth-container::before{content:"";position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle, rgba(74,144,226,0.1) 0%, transparent 70%);border-radius:50%;pointer-events:none}.auth-container::after{content:"";position:absolute;bottom:-30%;left:-10%;width:500px;height:500px;background:radial-gradient(circle, rgba(0,63,141,0.08) 0%, transparent 70%);border-radius:50%;pointer-events:none}.auth-card{background:#ffffff;border-radius:20px;padding:50px 40px;max-width:500px;width:100%;box-shadow:0 20px 60px rgba(0,63,141,0.1);position:relative;z-index:1;animation:fadeIn 0.6s ease-out}@media (max-width: 576px){.auth-card{padding:40px 25px;border-radius:15px}}.auth-card .auth-logo{display:block;text-align:center;margin-bottom:25px}.auth-card .auth-logo .logo-image{max-width:150px;height:auto}@media (max-width: 576px){.auth-card .auth-logo .logo-image{max-width:120px}}.auth-card .auth-header{text-align:center;margin-bottom:35px}.auth-card .auth-header h2{font-size:1.75rem;font-weight:700;color:#1a1a1a;margin-bottom:10px}@media (max-width: 576px){.auth-card .auth-header h2{font-size:1.5rem}}.auth-card .auth-header .auth-subtitle{font-size:1rem;color:#6c757d;margin-bottom:0}@media (max-width: 576px){.auth-card .auth-header .auth-subtitle{font-size:0.9rem}}.auth-card .auth-footer{text-align:center;padding-top:25px;margin-top:25px;border-top:1px solid #e0e0e0}.auth-card .auth-footer p{color:#6c757d;font-size:0.95rem;margin-bottom:15px}.auth-card .auth-footer .btn-link{color:#6c757d;text-decoration:none;font-size:0.9rem;transition:color 0.3s ease}.auth-card .auth-footer .btn-link:hover{color:#003f8d}.auth-wrapper{display:flex;max-width:1200px;width:100%;background:#ffffff;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px rgba(0,63,141,0.1);position:relative;z-index:1}@media (max-width: 992px){.auth-wrapper{flex-direction:column;max-width:500px}}.auth-branding{flex:1;background:linear-gradient(135deg, #003f8d 0%, #4a90e2 100%);padding:60px 50px;color:white;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}@media (max-width: 992px){.auth-branding{padding:40px 30px;min-height:300px}}@media (max-width: 576px){.auth-branding{padding:30px 20px;min-height:250px}}.auth-branding .branding-content{position:relative;z-index:2;text-align:center}.auth-branding .brand-logo{margin-bottom:30px}.auth-branding .brand-logo .logo-image{max-width:180px;height:auto;filter:brightness(0) invert(1)}@media (max-width: 992px){.auth-branding .brand-logo .logo-image{max-width:150px}}.auth-branding .brand-title{font-size:2.5rem;font-weight:700;margin-bottom:15px;letter-spacing:-0.5px}@media (max-width: 992px){.auth-branding .brand-title{font-size:2rem}}@media (max-width: 576px){.auth-branding .brand-title{font-size:1.75rem}}.auth-branding .brand-subtitle{font-size:1.1rem;opacity:0.9;line-height:1.6;margin-bottom:0}@media (max-width: 576px){.auth-branding .brand-subtitle{font-size:1rem}}.auth-branding .brand-features .feature-item{display:flex;align-items:center;gap:15px;margin-bottom:20px;padding:15px;background:rgba(255,255,255,0.1);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all 0.3s ease}.auth-branding .brand-features .feature-item:hover{background:rgba(255,255,255,0.15);transform:translateX(5px)}.auth-branding .brand-features .feature-item i{font-size:1.5rem;flex-shrink:0}.auth-branding .brand-features .feature-item span{font-size:0.95rem;line-height:1.4;text-align:left}@media (max-width: 992px){.auth-branding .brand-features .feature-item{display:none}}.auth-branding .branding-decoration{position:absolute;top:-50%;right:-30%;width:500px;height:500px;background:radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);border-radius:50%;pointer-events:none}@media (max-width: 992px){.auth-branding .branding-decoration{display:none}}.auth-form-section{flex:1;padding:60px 50px;display:flex;align-items:center;justify-content:center}@media (max-width: 992px){.auth-form-section{padding:50px 40px}}@media (max-width: 576px){.auth-form-section{padding:40px 25px}}.auth-form-wrapper{width:100%;max-width:400px}.auth-header{margin-bottom:35px;text-align:center}.auth-header .auth-title{font-size:1.75rem;font-weight:700;color:#1a1a1a;margin-bottom:10px}@media (max-width: 576px){.auth-header .auth-title{font-size:1.5rem}}.auth-header .auth-description{font-size:1rem;color:#6c757d;margin-bottom:0}@media (max-width: 576px){.auth-header .auth-description{font-size:0.9rem}}.auth-form .form-inputs{margin-bottom:25px}.auth-form .form-group-custom{margin-bottom:20px}.auth-form .form-group-custom .form-label-custom{display:flex;align-items:center;gap:8px;font-weight:600;color:#1a1a1a;margin-bottom:8px;font-size:0.95rem}.auth-form .form-group-custom .form-label-custom i{color:#4a90e2;font-size:1.1rem}.auth-form .form-group-custom .form-control-custom{width:100%;padding:14px 18px;border:2px solid #e0e0e0;border-radius:10px;font-size:1rem;transition:all 0.3s ease;background:#ffffff}.auth-form .form-group-custom .form-control-custom:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 4px rgba(74,144,226,0.1);background:#ffffff}.auth-form .form-group-custom .form-control-custom::placeholder{color:#adb5bd}.auth-form .form-group-custom .invalid-feedback{color:#dc3545;font-size:0.875rem;margin-top:5px}.auth-form .form-group-custom.field_with_errors .form-control-custom{border-color:#dc3545}.auth-form .form-options{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;flex-wrap:wrap;gap:10px}.auth-form .form-options .form-check-custom{display:flex;align-items:center;margin:0}.auth-form .form-options .form-check-custom label{display:flex;align-items:center;gap:8px;margin:0;cursor:pointer;font-size:0.9rem;color:#495057}.auth-form .form-options .form-check-custom label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#4a90e2}.auth-form .form-options .forgot-link{color:#4a90e2;text-decoration:none;font-size:0.9rem;font-weight:500;transition:color 0.3s ease}.auth-form .form-options .forgot-link:hover{color:#003f8d;text-decoration:underline}.auth-form .form-actions{margin-bottom:25px}.auth-form .form-actions .btn-login{width:100%;padding:14px 20px;background:linear-gradient(135deg, #003f8d 0%, #4a90e2 100%);color:white;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all 0.3s ease;box-shadow:0 4px 15px rgba(74,144,226,0.3)}.auth-form .form-actions .btn-login:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(74,144,226,0.4)}.auth-form .form-actions .btn-login:active{transform:translateY(0)}.auth-form .form-actions .btn-login:disabled{opacity:0.6;cursor:not-allowed;transform:none}.auth-footer{text-align:center;padding-top:20px;border-top:1px solid #e0e0e0}.auth-footer .auth-footer-text{color:#6c757d;font-size:0.95rem;margin-bottom:0}.auth-footer .auth-footer-link{color:#4a90e2;text-decoration:none;font-weight:600;transition:color 0.3s ease}.auth-footer .auth-footer-link:hover{color:#003f8d;text-decoration:underline}.social-login{margin-top:30px}.social-login .divider{text-align:center;position:relative;margin:25px 0}.social-login .divider span{background:#ffffff;padding:0 15px;color:#6c757d;font-size:0.9rem;position:relative;z-index:1}.social-login .divider::before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#e0e0e0;z-index:0}.social-login .social-buttons{display:flex;gap:12px}.social-login .social-buttons .btn-social{flex:1;padding:12px 16px;border:2px solid #e0e0e0;border-radius:10px;background:#ffffff;color:#1a1a1a;font-size:0.95rem;font-weight:600;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.social-login .social-buttons .btn-social i{font-size:1.2rem}.social-login .social-buttons .btn-social:hover{border-color:#4a90e2;background:rgba(74,144,226,0.05);transform:translateY(-2px)}.social-login .social-buttons .btn-social.btn-google i{color:#ea4335}.social-login .social-buttons .btn-social.btn-facebook i{color:#1877f2}@media (max-width: 992px){.auth-container{padding:10px}.auth-wrapper{border-radius:15px}}@media (max-width: 576px){.auth-container{padding:0;background:#ffffff}.auth-wrapper{border-radius:0;box-shadow:none}}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-form-wrapper{animation:fadeIn 0.6s ease-out}.auth-branding .branding-content{animation:fadeIn 0.8s ease-out}