.login-container{min-height:100vh;position:relative;overflow:hidden}.login-container.overlay-mode{min-height:auto;height:auto;background:transparent;padding:0}.login-card.overlay-card{max-width:280px;width:280px;margin:0;transform:scale(.8);box-shadow:0 15px 50px rgba(245,80,0,.25);border:2px solid hsla(0,0%,100%,.1)}.login-header.overlay-header{padding:1.5rem 1rem}.overlay-header .user-icon{width:60px;height:60px;margin-bottom:1rem}.overlay-header .h2{font-size:1.5rem;margin-bottom:.5rem}.overlay-header p{font-size:.875rem;line-height:1.4}.overlay-card .p-4,.overlay-card .p-md-5{padding:1rem!important}.overlay-card .mb-4{margin-bottom:1rem!important}.overlay-card .form-label{font-size:.875rem;margin-bottom:.5rem}.overlay-card .floating-input{padding:8px 0;font-size:.875rem}.overlay-card .btn-login{padding:12px;font-size:.875rem}.overlay-card .form-check-label,.overlay-card .small{font-size:.75rem}.security-note.overlay-security{max-width:280px;width:280px;margin:.5rem 0 0;padding:8px}.security-note.overlay-security small{font-size:.7rem}.bg-decoration{position:absolute;border-radius:50%;opacity:.1;z-index:1}.bg-decoration-1{width:200px;height:200px;background:linear-gradient(45deg,#f55000,#ff6b2c);top:10%;right:10%;animation:float 6s ease-in-out infinite}.bg-decoration-2{width:150px;height:150px;background:linear-gradient(45deg,#ff6b2c,#f55000);bottom:15%;left:10%;animation:float 8s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}}.login-card{background:#fff;border-radius:24px;box-shadow:0 20px 60px rgba(245,80,0,.15);border:1px solid rgba(245,80,0,.1);overflow:hidden;position:relative;z-index:2;max-width:450px;margin:0 auto}.login-header{background:linear-gradient(135deg,#f55000,#e9796d);color:#fff;text-align:center;padding:3rem 2rem}.user-icon{width:80px;height:80px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;box-shadow:0 8px 25px rgba(0,0,0,.15)}.floating-input{border:none;border-bottom:2px solid #e9ecef;border-radius:0;padding:12px 0;background:transparent;transition:all .3s ease;font-family:okbank,sans-serif}.floating-input:focus{border-bottom-color:#f55000;box-shadow:none;background:transparent}.floating-input:focus+.floating-underline{transform:scaleX(1)}.floating-underline{position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#f55000,#e9796d);transform:scaleX(0);transition:transform .3s ease;transform-origin:left}.btn-login{background:linear-gradient(135deg,#f55000,#e9796d);border:none;border-radius:12px;padding:16px;font-weight:700;font-size:18px;color:#fff;transition:all .3s ease;box-shadow:0 8px 25px rgba(245,80,0,.3);font-family:okbank_bold,sans-serif}.btn-login:hover{transform:translateY(-2px);box-shadow:0 12px 35px rgba(245,80,0,.4);background:linear-gradient(135deg,#e9796d,#f55000);color:#fff}.btn-login:active{transform:translateY(0)}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#6c757d;cursor:pointer;transition:color .3s ease}.password-toggle:hover{color:#f55000}.form-check-input:checked{background-color:#f55000;border-color:#f55000}.form-check-input:focus{box-shadow:0 0 0 .25rem rgba(245,80,0,.25)}.text-primary-custom{color:#f55000!important}.text-primary-custom:hover{color:#e9796d!important}.alert-danger{background-color:#f8d7da;color:#721c24;border-radius:12px;border:1px solid #f5c6cb}.alert-danger svg{color:#dc3545}.btn-login:disabled{opacity:.7;cursor:not-allowed}.spinner-border-sm{width:1rem;height:1rem;border-width:.1em}.security-note{background:hsla(0,0%,100%,.9);border-radius:12px;padding:12px;margin-top:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:450px;margin-left:auto;margin-right:auto}@media (max-width:575px){.login-card.overlay-card{transform:scale(.75)}.login-card.overlay-card,.security-note.overlay-security{max-width:260px;width:260px}.overlay-header .h2{font-size:1.25rem}.overlay-header p{font-size:.8rem}}@media (min-width:576px){.login-card.overlay-card{transform:scale(.85)}.login-card.overlay-card,.security-note.overlay-security{max-width:300px;width:300px}}@media (min-width:768px){.login-container{padding:2rem}.login-container.overlay-mode{padding:0}.login-card{max-width:500px}.login-card.overlay-card{max-width:340px;width:340px;transform:scale(.9)}.overlay-card .p-4,.overlay-card .p-md-5{padding:1.25rem!important}.security-note{max-width:500px}.security-note.overlay-security{max-width:340px;width:340px}}@media (min-width:992px){.login-card.overlay-card{transform:scale(.95)}.login-card.overlay-card,.security-note.overlay-security{max-width:380px;width:380px}}@media (min-width:1200px){.login-card{max-width:550px}.login-card.overlay-card{max-width:400px;width:400px;transform:scale(1)}.overlay-card .p-4,.overlay-card .p-md-5{padding:1.5rem!important}.security-note{max-width:550px}.security-note.overlay-security{max-width:400px;width:400px}}@media (min-width:1400px){.login-card.overlay-card,.security-note.overlay-security{max-width:520px;width:520px}}