.auth-wrapper{font-family:Segoe UI,Trebuchet MS,sans-serif}.auth-wrapper .hide{display:none!important}.auth-wrapper .preloader{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#f0f5fb,#e3edf8);display:flex;align-items:center;justify-content:center;z-index:9999;transition:opacity .5s ease-out,visibility .5s ease-out}.auth-wrapper .preloader.hidden{opacity:0;visibility:hidden}.auth-wrapper .preloader-content{text-align:center}.auth-wrapper .preloader-spinner{width:60px;height:60px;margin:0 auto 20px;border:4px solid #E3EDF8;border-top:4px solid #0066CC;border-radius:50%;animation:auth-spin 1s linear infinite}@keyframes auth-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-wrapper .preloader-text{font-size:18px;font-weight:600;color:#06c;letter-spacing:.5px}.auth-wrapper .login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f0f5fb,#e3edf8);padding:20px}.auth-wrapper .login-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:0;max-width:1200px;width:100%;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0066cc26;overflow:hidden}.auth-wrapper .login-form-section{padding:60px 50px;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}.auth-wrapper .login-header{margin-bottom:40px}.auth-wrapper .login-header h1{font-size:32px;font-weight:700;color:#06c;margin-bottom:10px;letter-spacing:-.5px}.auth-wrapper .login-header p{font-size:14px;color:#666;font-weight:500}.auth-wrapper .login-form-section .form-group{margin-bottom:24px}.auth-wrapper .login-form-section .form-group label{display:block;font-size:14px;font-weight:600;color:#333;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.auth-wrapper .login-form-section .form-group input[type=text],.auth-wrapper .login-form-section .form-group input[type=email],.auth-wrapper .login-form-section .form-group input[type=password]{width:100%;padding:14px 16px;border:2px solid #E3EDF8;border-radius:10px;font-size:14px;transition:all .3s ease;background:#f8fafd;height:auto;line-height:1.5}.auth-wrapper .login-form-section .form-group input[type=text]:focus,.auth-wrapper .login-form-section .form-group input[type=email]:focus,.auth-wrapper .login-form-section .form-group input[type=password]:focus{outline:none;border-color:#06c;background:#fff;box-shadow:0 0 0 3px #0066cc1a}.auth-wrapper .login-form-section .form-group input::placeholder{color:#999}.auth-wrapper .login-form-section .form-group .invalid-feedback,.auth-wrapper .login-form-section .form-group label.invalid-feedback,.auth-wrapper .login-form-section .form-group label.error{display:block;color:#dc3545;font-size:12px;font-weight:500;margin-top:6px;text-transform:none;letter-spacing:normal}.auth-wrapper .login-form-section .form-group input.is-invalid{border-color:#dc3545;background:#fff5f5}.auth-wrapper .login-form-section .form-group input.is-invalid:focus{border-color:#dc3545;box-shadow:0 0 0 3px #dc354526}.auth-wrapper .password-wrapper{position:relative}.auth-wrapper .password-wrapper input{padding-right:48px}.auth-wrapper .btn-toggle-password{position:absolute;top:50%;right:12px;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:4px;color:#999;font-size:20px;line-height:1;transition:color .2s ease}.auth-wrapper .btn-toggle-password:hover{color:#06c}.auth-wrapper .form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;font-size:13px}.auth-wrapper .form-options label{display:flex;align-items:center;margin:0;font-weight:500;color:#333;text-transform:none;letter-spacing:normal;cursor:pointer}.auth-wrapper .form-options input[type=checkbox]{width:18px;height:18px;margin-right:8px;cursor:pointer;accent-color:#0066CC}.auth-wrapper .form-options a{color:#06c;text-decoration:none;font-weight:600;transition:color .3s ease}.auth-wrapper .form-options a:hover{color:#004b99;text-decoration:underline}.auth-wrapper .btn-login{width:100%;padding:14px 24px;background:linear-gradient(135deg,#06c,#09c);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 20px #0066cc4d}.auth-wrapper .btn-login:hover{transform:translateY(-2px);box-shadow:0 12px 30px #06c6;background:linear-gradient(135deg,#004b99,#06c);color:#fff}.auth-wrapper .btn-login:active{transform:translateY(0)}.auth-wrapper .btn-login:disabled{opacity:.7;cursor:not-allowed;transform:none}.auth-wrapper .login-footer{text-align:center;margin-top:30px;font-size:13px;color:#666}.auth-wrapper .login-footer a{color:#06c;text-decoration:none;font-weight:600;transition:color .3s ease}.auth-wrapper .login-footer a:hover{color:#004b99}.auth-wrapper .login-image-section{position:relative;overflow:hidden;background:linear-gradient(135deg,#004b99,#06c);display:flex;align-items:center;justify-content:center}.auth-wrapper .login-image-section:before{content:"";position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(0,153,204,.2) 0%,transparent 70%);border-radius:50%;filter:blur(40px);animation:auth-float 6s ease-in-out infinite}@keyframes auth-float{0%,to{transform:translateY(0)}50%{transform:translateY(-30px)}}.auth-wrapper .login-image-content{position:relative;z-index:2;text-align:center;color:#fff;padding:40px}.auth-wrapper .login-image-icon{font-size:80px;margin-bottom:20px;opacity:.9}.auth-wrapper .login-image-content h2{font-size:28px;font-weight:700;margin-bottom:15px;letter-spacing:-.5px}.auth-wrapper .login-image-content p{font-size:15px;line-height:1.6;opacity:.95;margin-bottom:30px}.auth-wrapper .login-image-img{max-width:100%;height:auto;border-radius:15px;box-shadow:0 20px 40px #0003;margin-top:20px}.auth-wrapper .success-icon-container{text-align:center;margin:30px 0}.auth-wrapper .success-icon-container i{font-size:80px;color:#0acf97}@media (max-width: 768px){.auth-wrapper .login-wrapper{grid-template-columns:1fr}.auth-wrapper .login-form-section{padding:40px 30px}.auth-wrapper .login-image-section{min-height:250px;order:-1}.auth-wrapper .login-header h1{font-size:26px}.auth-wrapper .login-image-content h2{font-size:22px}.auth-wrapper .login-image-img{max-width:80%}}@media (max-width: 480px){.auth-wrapper .login-container{padding:10px}.auth-wrapper .login-form-section{padding:30px 20px}.auth-wrapper .login-header h1{font-size:22px}.auth-wrapper .login-form-section .form-group input{padding:12px 14px;font-size:13px}.auth-wrapper .btn-login{padding:12px 20px;font-size:14px}.auth-wrapper .form-options{flex-direction:column;gap:10px;align-items:flex-start}}