.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:.75rem;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.login-wrapper{width:100%;max-width:420px}.login-header{text-align:center;margin-bottom:1rem}.login-logo{width:120px;height:auto;margin-bottom:.5rem;transition:transform .3s ease;filter:drop-shadow(0 2px 8px rgba(0,0,0,.1))}.login-logo:hover{transform:scale(1.02)}.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{width:150px}.login-company-name{font-size:1.3rem}.login-title{font-size:1.5rem;margin-bottom:1.5rem}}