.login-container{--acento:#0ea5e9;--acento-oscuro:#0369a1;--acento-hundido:#075985;--tinta:#0f172a;--suave:#64748b;--linea:#e2e8f0;z-index:1000;background:radial-gradient(65% 55% at 15% -5%,#0ea5e938,#0000 60%),radial-gradient(55% 45% at 90% 105%,#6366f133,#0000 60%),linear-gradient(160deg,#0b1220 0%,#0f172a 55%,#131d35 100%);flex-direction:column;justify-content:center;align-items:center;width:100vw;min-height:100vh;padding:24px;display:flex;position:absolute;top:0;left:0}@keyframes loginFadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.login-header,.login-card{animation:none!important}}.login-header{text-align:center;margin-bottom:26px;animation:.5s both loginFadeUp}.login-header img{border-radius:14px;width:64px;height:64px;margin-bottom:16px;box-shadow:0 10px 26px -10px #00000080}.login-header h1{letter-spacing:-.01em;color:#f8fafc;margin:0 0 8px;font-size:1.7rem;font-weight:600}.login-header h1 .text-cyan{color:var(--acento)!important}.login-header p{color:#94a3b8;margin:0;font-size:.95rem}.login-card{border:1px solid var(--linea);background:#fff;border-radius:14px;flex-direction:column;width:100%;max-width:440px;padding:26px 28px 28px;animation:.5s 80ms both loginFadeUp;display:flex;box-shadow:0 18px 50px -20px #020617b3}.login-form{gap:18px;display:grid}.login-card .form-group{display:block}.login-card .form-label{color:var(--tinta);text-transform:none;letter-spacing:0;margin-bottom:6px;font-size:.82rem;font-weight:500;display:block}.login-card .form-input{border:1px solid var(--linea);width:100%;min-height:46px;color:var(--tinta);background:#fff;border-radius:8px;outline:none;padding:11px 13px;font-family:inherit;font-size:1rem;transition:border-color .2s}.login-card .form-input::placeholder{color:#94a3b8}.login-card .form-input:focus{border-color:var(--acento);outline:2px solid var(--acento);outline-offset:1px;box-shadow:none}.password-wrapper{width:100%;display:flex;position:relative}.password-wrapper .form-input{padding-right:50px}.password-toggle-btn{width:40px;height:40px;color:var(--suave);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:color .2s,background .2s;display:flex;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.password-toggle-btn:hover{color:var(--acento-oscuro);background:#f1f5f9}.password-toggle-btn:focus-visible{outline:2px solid var(--acento);outline-offset:-2px}.login-card .btn-primary{background:var(--acento-oscuro);border:1px solid var(--acento-oscuro);color:#fff;letter-spacing:0;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;height:46px;min-height:46px;margin-top:4px;padding:0 16px;font-family:inherit;font-size:1rem;font-weight:500;transition:background .2s,border-color .2s;display:flex}.login-card .btn-primary:hover{background:var(--acento-hundido);border-color:var(--acento-hundido)}.login-card .btn-primary:active{transform:none}.login-card .btn-primary:disabled{opacity:.55;cursor:not-allowed}.login-error{color:#b3261e;background:#fdf4f3;border:1px solid #f0c9c6;border-radius:8px;padding:11px 14px;font-size:.9rem;line-height:1.5}@media (max-width:480px){.login-card{padding:22px 20px 24px}.login-header h1{font-size:1.45rem!important}}