.login-container *{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,sans-serif}.login-container{--axis-red:#c53030;--axis-blue:#2b6cb0;--axis-dark:#1a202c;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background-image:linear-gradient(rgba(0,0,0,.15),rgba(0,0,0,.15)),url(/image/hero_bg.jpg);background-size:cover;background-position:50%;color:#fff}.login-container .login-card{background:hsla(0,0%,100%,.95);padding:40px 50px;border-radius:12px;box-shadow:0 15px 35px rgba(0,0,0,.5);width:100%;max-width:420px;text-align:center;border-top:5px solid var(--axis-red)}.login-container .logo-img{height:70px;margin-bottom:20px}.login-container h2{color:#2d3748;margin-bottom:5px;font-weight:800;letter-spacing:1px}.login-container p.subtitle{color:#718096;font-size:.9em;margin-bottom:30px}.login-container .input-group{position:relative;margin-bottom:20px;text-align:left}.login-container .input-group i{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#a0aec0}.login-container .form-control{width:100%;padding:12px 15px 12px 45px;border:2px solid #e2e8f0;border-radius:8px;font-size:1em;outline:none;background:#f7fafc;color:#2d3748;transition:.3s}.login-container .form-control:focus{border-color:var(--axis-blue);background:#fff}.login-container .btn-login{width:100%;padding:12px;background:var(--axis-red);color:#fff;border:none;border-radius:8px;font-size:1.1em;font-weight:700;cursor:pointer;transition:.3s;margin-top:10px}.login-container .btn-login:hover{background:#9b2c2c}.login-container .error-msg{color:var(--axis-red);font-size:.9em;margin-top:15px;display:none;font-weight:700}.login-container .error-msg.visible{display:block;animation:shake .3s}@keyframes shake{0%{transform:translateX(0)}25%{transform:translateX(-5px)}50%{transform:translateX(5px)}to{transform:translateX(0)}}.login-container .register-link{margin-top:25px;padding-top:15px;border-top:1px solid #e2e8f0;color:#718096;font-size:.9em}.login-container .register-link a{color:var(--axis-dark);font-weight:700;text-decoration:none;cursor:pointer}.login-container .register-link a:hover{color:var(--axis-blue);text-decoration:underline}.login-container .modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.9);z-index:999;display:none;align-items:center;justify-content:center;backdrop-filter:blur(5px)}.login-container .modal-overlay.ver{display:flex}.login-container .modal-content{background:#fff;width:90%;max-width:400px;border-radius:12px;padding:30px;text-align:center;color:#2d3748;border-top:5px solid var(--axis-dark);animation:fadeIn .3s ease}.login-container .admin-badge{background:var(--axis-dark);color:#fff;padding:5px 15px;border-radius:50px;font-size:.8em;font-weight:700;text-transform:uppercase;display:inline-block;margin-bottom:15px}.login-container .btn-admin-access{width:100%;padding:12px;background:var(--axis-dark);color:#fff;border:none;border-radius:8px;font-size:1.1em;font-weight:700;cursor:pointer;margin-top:15px}.login-container .btn-admin-access:hover{background:#000}.login-container .btn-close{background:transparent;border:none;color:#718096;margin-top:10px;cursor:pointer;text-decoration:underline}.login-container .modal-content.help-modal{border-top:5px solid var(--axis-blue);max-width:520px}.login-container .help-badge{background:var(--axis-blue);color:#fff;padding:8px 16px;border-radius:999px;font-size:.85em;font-weight:800;text-transform:uppercase;display:inline-flex;align-items:center;gap:8px;margin-bottom:14px}.login-container .help-title{margin-bottom:8px;color:#2d3748;font-weight:800}.login-container .help-subtitle{font-size:.95em;color:#718096;margin-bottom:14px}.login-container .help-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 12px;border-radius:10px;font-size:1.05em;font-weight:800;text-decoration:none;color:#fff;border:none;cursor:pointer;transition:.25s;margin-top:12px}.login-container .help-btn.whatsapp{background:#22c55e}.login-container .help-btn.whatsapp:hover{background:#16a34a}.login-container .help-btn.email{background:#ef4444}.login-container .help-btn.email:hover{background:#dc2626}.login-container .help-note{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;font-size:.9em;color:#718096}.login-container .help-close{display:inline-block;margin-top:14px;color:var(--axis-blue);text-decoration:underline;cursor:pointer;font-weight:700}@media (max-width:480px){.login-container .modal-content.help-modal{padding:22px}}.login-container .footer{margin-top:24px;width:100%;align-self:stretch;box-sizing:border-box;text-align:center;font-size:.8em;color:#cbd5e0;line-height:1.6;padding:10px 16px;text-shadow:0 1px 2px rgba(0,0,0,.6)}.login-container .footer strong{color:#fff}.login-container .footer .footer-url{display:block;margin-top:6px;color:#fff;font-weight:700;text-decoration:none;overflow-wrap:anywhere}.login-container .footer .footer-url:hover{text-decoration:underline}.login-container .login-card{padding-top:45px;padding-bottom:30px}.login-container .logo-img{display:block;margin:0 auto 18px}.login-container .login-card h2{margin-top:6px;margin-bottom:10px}.login-container .login-card .subtitle{margin-top:0;margin-bottom:28px}@media (max-width:768px){.login-container .footer strong{display:inline}.login-container .footer strong:last-of-type{display:block;margin-top:6px;text-align:center}}