:root{--primary-white:#fff;--secondary-gray:#e6e5e5;--tertiary-gray:#e0e0e0;--dark-gray:#9e9e9e;--text-dark:#212121;--text-light:#757575;--accent-red:#d32f2f;--accent-dark-red:#b71c1c;--border-color:#e0e0e0;--card-shadow:0 2px 10px rgba(0,0,0,.3);--accent-gray:#6b7280;--accent-dark-gray:#4b5563;--switch-blue:#3892d3;--transition-default:all 0.3s ease}.stars{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:1}.star{animation:twinkle 4s infinite;background-color:rgba(211,47,47,.7);border-radius:50%;position:absolute}@keyframes twinkle{0%{opacity:0;transform:scale(.5)}20%{opacity:1;transform:scale(1.2)}40%{opacity:.7;transform:scale(1)}60%{opacity:1;transform:scale(1.1)}80%{opacity:.8;transform:scale(.9)}to{opacity:0;transform:scale(.5)}}.red-ball{animation:float 12s ease-in-out infinite;background:radial-gradient(circle at 30% 30%,hsla(0,100%,71%,.8) 0,rgba(211,47,47,.6) 60%);border-radius:50%;box-shadow:0 0 25px rgba(211,47,47,.4);position:fixed;z-index:1}.red-ball-1{animation-delay:0s;height:80px;right:10%;top:10%;width:80px}.red-ball-2{animation-delay:2s;animation-duration:15s;bottom:15%;height:60px;left:5%;width:60px}.red-ball-3{animation-delay:4s;animation-duration:18s;height:40px;right:15%;top:75%;width:40px}.red-ball-4{animation-delay:1s;animation-duration:20s;height:70px;left:3%;top:5%;width:70px}@keyframes float{0%,to{transform:translateY(0) translateX(0) rotate(0deg)}25%{transform:translateY(-20px) translateX(15px) rotate(5deg)}50%{transform:translateY(10px) translateX(-10px) rotate(-5deg)}75%{transform:translateY(-15px) translateX(-15px) rotate(3deg)}}.panel>.panel-heading.header{display:none}.panel-body{align-items:center;justify-content:center;min-height:100vh;padding:20px}.container-login,.panel-body{display:flex;flex-direction:column;overflow:hidden}.container-login{background:#fff;border-radius:20px;box-shadow:0 15px 40px rgba(0,0,0,.1);max-width:1000px;min-height:auto;width:100%;z-index:2}.welcome-section-login{background:linear-gradient(135deg,#d32f2f,#b71c1c);color:#fff;display:flex;flex:1;flex-direction:column;justify-content:space-between;min-height:300px;overflow:hidden;padding:30px 20px;position:relative}.logo-login-container-login{margin-top:20px;text-align:center}.logo-login{align-items:center;background:hsla(0,0%,100%,.15);border:2px solid hsla(0,0%,100%,.3);border-radius:50%;box-shadow:0 8px 30px rgba(0,0,0,.2);display:flex;height:80px;justify-content:center;margin:0 auto 15px;width:80px}.logo-login svg{height:45px;width:45px}.logo-login-text{font-size:24px;font-weight:700;letter-spacing:1.5px;margin-bottom:10px}.language-selector-login-login{margin-bottom:25px;text-align:center}.language-label-login{display:block;font-size:12px;margin-bottom:10px;opacity:.8;text-align:center}.language-selector-login .nav.options-holder .dropdown-language{border-bottom:none;border-top:none}.language-selector-login .nav.options-holder .dropdown .dropdown-toggle{color:#fff;font-size:14px;padding:8px 12px}.language-selector-login .nav.options-holder .dropdown-language .dropdown-menu{left:50%;min-width:150px;transform:translateX(-50%)}.welcome-footer-login{font-size:10px;opacity:.7;text-align:center}.welcome-footer-login,.welcome-footer-login p{display:flex;flex-wrap:wrap;justify-content:center}.welcome-footer-login p{gap:5px;margin:0}.container-login .text-warning,.welcome-footer-login p a{color:#fff}.container-login .text-warning{margin-left:5px}.container-login .text-warning:hover,.welcome-footer-login p a:hover,a.text-warning:focus,a.text-warning:hover{color:#ccc}.circle-login{background:hsla(0,0%,100%,.05);border-radius:50%;position:absolute}.circle-login-1{height:150px;left:-50px;top:-50px;width:150px}.circle-login-2{bottom:-30px;height:100px;right:-30px;width:100px}.form-section-login{background:#fff;display:flex;flex:1;flex-direction:column;justify-content:center;padding:30px 20px}.form-container-login{margin:0 auto;max-width:100%;width:100%}.form-header-login{margin-bottom:25px;text-align:center}.form-header-login h2{color:#2c3e50;font-size:24px;font-weight:600;margin-bottom:8px}.form-header-login p{color:#7f8c8d;font-size:14px;margin:0}.alert-danger{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#721c24;font-size:14px;margin-bottom:15px;padding:10px 12px}#chCode .input-group,.input-group-login{align-items:center;display:flex;height:45px;margin-bottom:20px;position:relative}#chCode .input-group-addon,.input-group-login-addon{align-items:center;background:#f5f5f5;border:1px solid #ddd;border-radius:10px 0 0 10px;border-right:none;color:#7f8c8d;display:flex;height:100%;justify-content:center;min-width:45px;padding:12px}#chCode .input-group input,.input-group-login input{border:1px solid #ddd;border-left:none;border-radius:0 10px 10px 0;font-size:14px;height:100%;padding:12px;width:100%}#chCode .input-group input:focus,#chCode .input-group-:focus-within .input-group-addon,.container-login .btn-default:focus,.input-group-login input:focus,.input-group-login:focus-within .input-group-login-addon{border-color:#d32f2f;outline:none}.container-login .btn-default:focus,.container-login .btn-default:hover{color:#fff}.form-control-login,.form-control-login:focus{box-shadow:none;transition:none;-webkit-transition:none}.center-block{display:block;margin-left:auto;margin-right:auto}.btn-default{background:linear-gradient(135deg,#d32f2f,#b71c1c);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px;transition:all .3s ease;width:100%}.btn-default:hover{box-shadow:0 5px 15px rgba(211,47,47,.3);transform:translateY(-2px)}.container-login-fluid{margin-top:15px;text-align:center}#preloader{height:30px;width:30px}#chCode .input-group{height:45px}#chCode .form-control,#chCode .input-group-addon{height:100%;padding:12px}#chCode .input-group-addon{border-radius:10px 0 0 10px}#chCode.form-control{border-radius:0 10px 10px 0}#chCode .form-control:focus{box-shadow:none}#chCode .input-group:focus-within .input-group-addon{border-color:#d32f2f}.popover{bottom:0!important;left:50%!important;margin-bottom:10px;top:auto!important;transform:translateX(-50%)!important}.popover.left{margin-left:0!important}.popover .arrow{border-color:transparent transparent rgba(0,0,0,.25)!important;border-style:solid!important;border-width:0 11px 11px!important;bottom:auto!important;left:50%!important;margin-left:-11px!important;right:auto!important;top:1px!important}.popover .arrow:after{border-color:transparent transparent #fff!important;border-style:solid!important;border-width:0 10px 10px!important;content:""!important;height:0!important;left:50%!important;margin-left:-10px!important;position:absolute!important;top:1px!important;width:0!important}@keyframes float-logo{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.logo-login{animation:float-logo 5s ease-in-out infinite}@media (min-width:768px){.container-login{flex-direction:row;min-height:500px}.welcome-section-login{min-height:auto;padding:40px 30px}.form-section-login{padding:40px 30px}.logo-login{height:100px;width:100px}.logo-login svg{height:60px;width:60px}.logo-login-text{font-size:28px}.language-label-login{font-size:13px}.language-selector-login .nav.options-holder .dropdown .dropdown-toggle{font-size:15px}.welcome-footer-login{font-size:11px}.form-header-login h2{font-size:26px}.form-header-login p{font-size:15px}#chCode .input-group,.input-group-login{height:48px}.red-ball-1{height:100px;width:100px}.red-ball-2{height:70px;width:70px}.red-ball-3{height:50px;width:50px}.red-ball-4{height:80px;width:80px}.circle-login-1{height:200px;width:200px}.circle-login-2{height:120px;width:120px}}@media (min-width:992px){.container-login{min-height:600px}.form-section-login,.welcome-section-login{padding:50px}.logo-login-container-login{margin-top:40px}.logo-login{height:120px;width:120px}.logo-login svg{height:70px;width:70px}.logo-login-text{font-size:32px;letter-spacing:2px}.language-label-login{font-size:14px;margin-bottom:15px}.language-selector-login .nav.options-holder .dropdown .dropdown-toggle{font-size:16px;padding:10px 15px}.welcome-footer-login{font-size:12px}.form-header-login{margin-bottom:40px;text-align:left}.form-header-login h2{font-size:28px}.form-header-login p{font-size:16px}.alert-danger{margin-bottom:20px;padding:12px 15px}#chCode .input-group,.input-group-login{height:50px;margin-bottom:25px}#chCode .input-group-addon,.input-group-login-addon{padding:15px}#chCode .input-group-addon input,.input-group-login input{font-size:16px;padding:15px}.btn-default{padding:15px}.red-ball-1{height:120px;right:15%;top:15%;width:120px}.red-ball-2{bottom:20%;height:80px;left:10%;width:80px}.red-ball-3{height:60px;right:20%;top:70%;width:60px}.red-ball-4{height:100px;left:5%;top:10%;width:100px}.circle-login-1{height:250px;left:-80px;top:-80px;width:250px}.circle-login-2{bottom:-50px;height:150px;right:-50px;width:150px}.language-selector-login .nav.options-holder .dropdown-language .dropdown-menu{left:30%;transform:none}}@media (min-width:1200px){.container-login{max-width:1100px}.form-container-login{max-width:400px}.panel-body{padding:40px 20px}}@media (max-width:359px){.panel-body{padding:10px}.container-login{border-radius:15px}.form-section-login,.welcome-section-login{padding:20px 15px}.logo-login{height:70px;width:70px}.logo-login svg{height:40px;width:40px}.logo-login-text{font-size:20px;letter-spacing:1px}.form-header-login h2{font-size:22px}.form-header-login p{font-size:13px}#chCode .input-group,.input-group-login{height:42px}.btn-default{font-size:15px;padding:10px}.red-ball-1,.red-ball-2,.red-ball-3,.red-ball-4{display:none}}@media (max-height:600px) and (orientation:portrait){.panel-body{padding:10px}.container-login,.panel-body{min-height:auto}.welcome-section-login{min-height:250px;padding:20px}.logo-login-container-login{margin-top:10px}.logo-login{height:60px;width:60px}.logo-login svg{height:35px;width:35px}.language-selector-login-login{margin-bottom:15px}}@media (max-height:500px) and (orientation:landscape){.panel-body{min-height:auto;padding:10px}.container-login{flex-direction:row;min-height:300px}.welcome-section-login{min-height:auto;padding:20px}.form-section-login{padding:20px}.logo-login{height:60px;width:60px}.logo-login svg{height:35px;width:35px}.logo-login-text{font-size:18px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.logo-login{border-width:1px}.btn-default{font-weight:500}}