.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:.75rem;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);position:relative}.login-language-selector{position:absolute;top:1rem;right:1rem;z-index:1000}.btn-language-dropdown{background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:.5rem .75rem;display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:500;color:#495057;box-shadow:0 2px 4px #0000001a;transition:all .3s ease;min-width:70px;justify-content:space-between}.btn-language-dropdown:hover{background:#f8f9fa;border-color:#adb5bd;box-shadow:0 4px 8px #00000026;color:#212529}.btn-language-dropdown:focus{box-shadow:0 0 0 .2rem #0d6efd40;border-color:#0d6efd}.btn-language-dropdown:after{margin-left:.5rem;font-size:.75rem}.btn-language-dropdown img{flex-shrink:0}.login-language-selector .dropdown-menu{border-radius:8px;box-shadow:0 4px 12px #00000026;border:1px solid #dee2e6;margin-top:.5rem;min-width:180px}.login-language-selector .dropdown-item{padding:.6rem 1rem;font-size:.9rem;transition:all .2s ease}.login-language-selector .dropdown-item:hover{background-color:#f8f9fa}.login-language-selector .dropdown-item.active{background-color:#e7f1ff;color:#0d6efd;font-weight:500}.login-language-selector .dropdown-item img{flex-shrink:0}.login-wrapper{width:100%;max-width:420px}.login-header{text-align:center;margin-bottom:1rem}.login-logo{max-width:450px;width:auto;height:auto;margin:0 auto .5rem;display:block;pointer-events:none}.login-company-name{font-size:1.2rem;font-weight:600;color:#2c3e50;margin:0;letter-spacing:.3px}.login-card{background:#fff;border-radius:12px;padding:1.75rem;box-shadow:0 10px 40px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.login-card:hover{transform:translateY(-2px);box-shadow:0 15px 50px #00000026}.login-title{font-size:1.4rem;font-weight:700;text-align:center;margin-bottom:1.25rem;color:#2c3e50;letter-spacing:.2px}.login-alert{border-radius:8px;margin-bottom:1rem;border-left:4px solid #dc3545;font-size:.9rem;padding:.75rem 1rem}.login-form{margin-bottom:1rem}.login-form .mb-3{margin-bottom:1rem!important}.login-form .form-label{font-weight:600;color:#495057;margin-bottom:.4rem;font-size:.9rem}.login-form .form-control{border-radius:8px;border:2px solid #e9ecef;padding:.6rem .875rem;font-size:.95rem;transition:all .3s ease}.login-form .form-control:focus{border-color:#0d6efd;box-shadow:0 0 0 .2rem #0d6efd26;outline:none}.login-form .form-check-label{color:#6c757d;font-size:.9rem}.login-btn-primary{padding:.65rem;font-weight:600;font-size:.95rem;border-radius:8px;transition:all .3s ease;box-shadow:0 4px 12px #0d6efd4d}.login-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0d6efd66}.login-divider{position:relative;margin:1.25rem 0;text-align:center}.login-divider hr{border:none;border-top:1px solid #e9ecef;margin:0}.login-divider-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:0 .75rem;color:#6c757d;font-size:.8rem}.webauthn-section{margin-top:1rem}.webauthn-section .mb-3{margin-bottom:1rem!important}.webauthn-section .form-label{font-weight:600;color:#495057;margin-bottom:.4rem;font-size:.9rem}.webauthn-section .form-control{border-radius:8px;border:2px solid #e9ecef;padding:.6rem .875rem;font-size:.95rem;transition:all .3s ease}.webauthn-section .form-control:focus{border-color:#0d6efd;box-shadow:0 0 0 .2rem #0d6efd26;outline:none}.login-btn-webauthn{padding:.65rem;font-weight:600;font-size:.95rem;border-radius:8px;border-width:2px;transition:all .3s ease}.login-btn-webauthn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0d6efd33}.webauthn-section small{font-size:.8rem;margin-top:.75rem!important;line-height:1.4}.webauthn-section .alert{font-size:.85rem;padding:.75rem 1rem;border-radius:8px}@media(max-width:576px){.login-container{padding:1rem .75rem}.login-card{padding:2rem 1.5rem;border-radius:12px}.login-logo{max-width:300px;width:auto}.login-company-name{font-size:1.3rem}.login-title{font-size:1.5rem;margin-bottom:1.5rem}}