.cejheliz-login{position:relative;display:grid;place-items:center;min-height:100vh;min-height:100svh;overflow:hidden;padding:max(28px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));color:#f5f7fb;background:radial-gradient(circle at 50% -10%,rgb(40 100 255/.13),transparent 38%),#050f1f;font-family:"DM Sans",sans-serif}.cejheliz-login *{box-sizing:border-box}.cejheliz-login-grid{position:absolute;inset:0;opacity:.045;background-image:linear-gradient(rgb(255 255 255/.25) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255/.25) 1px,transparent 1px);background-size:54px 54px;mask-image:radial-gradient(circle at center,#000,transparent 72%)}.cejheliz-login-glow{position:absolute;width:440px;height:440px;border-radius:50%;filter:blur(95px);pointer-events:none}.cejheliz-login-glow.is-blue{top:-250px;left:-150px;background:rgb(40 100 255/.2)}.cejheliz-login-glow.is-purple{right:-180px;bottom:-250px;background:rgb(124 77 255/.17)}.cejheliz-login-content{position:relative;z-index:1;display:grid;width:min(100%,580px);gap:22px}.cejheliz-login-brand{display:flex;align-items:center;justify-content:center;gap:12px}.cejheliz-login-brand>span{display:grid;place-items:center;width:46px;height:46px;border:1px solid rgb(120 166 255/.2);border-radius:14px;color:#fff;background:linear-gradient(145deg,#3978ff,#1748c8);box-shadow:0 12px 34px rgb(40 100 255/.3);font-size:11px;font-weight:850}.cejheliz-login-brand>div{display:grid;gap:3px}.cejheliz-login-brand strong{font-family:"Space Grotesk",sans-serif;font-size:17px}.cejheliz-login-brand small{color:#778aa4;font-size:9px;font-weight:750;letter-spacing:.18em;text-transform:uppercase}.cejheliz-login-card{width:100%;padding:44px 48px;border:1px solid rgb(132 157 194/.14);border-radius:28px;background:linear-gradient(145deg,rgb(13 31 55/.9),rgb(7 21 39/.94));box-shadow:0 32px 80px rgb(0 0 0/.36),inset 0 1px rgb(255 255 255/.035);backdrop-filter:blur(22px);animation:cejheliz-login-rise .55s cubic-bezier(.22,1,.36,1) both}.cejheliz-login-card-icon{display:grid;place-items:center;width:42px;height:42px;margin:0 auto 17px;border:1px solid rgb(130 107 255/.22);border-radius:50%;color:#a58cff;background:linear-gradient(145deg,rgb(124 77 255/.16),rgb(40 100 255/.1));box-shadow:0 0 24px rgb(124 77 255/.13)}.cejheliz-login-card h1{margin:0;color:#f7f9ff;font-family:"Space Grotesk",sans-serif;font-size:34px;letter-spacing:-.035em;text-align:center}.cejheliz-login-description{max-width:390px;margin:9px auto 0;color:#8b9cb3;font-size:14px;line-height:1.55;text-align:center}.cejheliz-login-error{margin-top:20px;padding:12px 14px;border:1px solid rgb(244 63 94/.24);border-radius:11px;color:#fda4af;background:rgb(159 18 57/.1);font-size:12px}.cejheliz-login-fields{display:grid;gap:8px;margin-top:27px}.cejheliz-login-fields label{margin-top:10px;color:#ccd6e4;font-size:12px;font-weight:700}.cejheliz-login-field{display:flex;align-items:center;gap:11px;min-height:52px;padding:0 15px;border:1px solid #1d3553;border-radius:13px;color:#7487a0;background:rgb(7 21 39/.7);transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.cejheliz-login-field:focus-within{border-color:#5d70f7;background:#091c34;box-shadow:0 0 0 3px rgb(69 104 244/.13),0 0 24px rgb(91 80 230/.08)}.cejheliz-login-field>span{font-size:17px}.cejheliz-login-field input{min-width:0;flex:1;padding:0;border:0!important;color:#edf3ff;background:transparent;font:inherit;font-size:14px;outline:0;box-shadow:none!important}.cejheliz-login-field input::placeholder{color:#5f718a}.cejheliz-login-field button{display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:8px;color:#7d8fa7;background:transparent;font-size:16px;cursor:pointer}.cejheliz-login-field button:hover{color:#b8c5d5;background:rgb(255 255 255/.04)}.cejheliz-login-options{display:flex;justify-content:flex-end;margin-top:15px}.cejheliz-login-options a{color:#7da5ff;font-size:12px;font-weight:650;text-decoration:none}.cejheliz-login-options a:hover{text-decoration:underline}.cejheliz-login-submit{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:50px;margin-top:22px;padding:0 18px;border:0;border-radius:13px;color:#fff;background:linear-gradient(105deg,#7648ee,#2864ff);box-shadow:0 15px 34px rgb(55 80 231/.28);font:inherit;font-size:14px;font-weight:750;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.cejheliz-login-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 19px 40px rgb(55 80 231/.36)}.cejheliz-login-submit:focus-visible{outline:3px solid rgb(107 132 255/.35);outline-offset:3px}.cejheliz-login-submit:disabled{opacity:.7;cursor:wait}.cejheliz-login-submit b{font-size:17px}.cejheliz-login-security{display:flex;align-items:flex-start;justify-content:center;gap:8px;margin:24px 0 0;padding:12px;border:1px solid rgb(255 255 255/.06);border-radius:11px;color:#71849d;background:rgb(255 255 255/.025);font-size:10px;line-height:1.45}.cejheliz-login-security span{color:#43dda7;font-size:15px}.cejheliz-login-content>footer{color:#61738c;font-size:10px;text-align:center}@keyframes cejheliz-login-rise{from{opacity:0;transform:translateY(12px)}}
@media(max-width:640px){.cejheliz-login{place-items:start center;overflow-y:auto;padding-top:max(22px,env(safe-area-inset-top))}.cejheliz-login-content{gap:18px;margin:auto}.cejheliz-login-brand{justify-content:flex-start;padding-left:2px}.cejheliz-login-brand>span{width:42px;height:42px;border-radius:12px}.cejheliz-login-card{padding:32px 24px;border-radius:22px}.cejheliz-login-card h1{font-size:30px}.cejheliz-login-description{font-size:13px}.cejheliz-login-field{min-height:52px}.cejheliz-login-submit{min-height:52px}}
@media(max-width:360px){.cejheliz-login-card{padding:27px 19px}.cejheliz-login-security{font-size:9px}.cejheliz-login-brand strong{font-size:15px}}
/* Laptop: conserva amplitud sin exceder pantallas de 768–900 px de alto. */
@media(min-width:1024px) and (max-width:1440px){.cejheliz-login-content{width:min(100%,550px);gap:18px}.cejheliz-login-card{padding:36px 42px;border-radius:26px}.cejheliz-login-card-icon{margin-bottom:13px}.cejheliz-login-card h1{font-size:32px}.cejheliz-login-fields{margin-top:22px}.cejheliz-login-security{margin-top:19px}}
/* Tablet: tarjeta proporcionada y espacio vertical flexible. */
@media(min-width:641px) and (max-width:1023px){.cejheliz-login{overflow-y:auto;padding:24px}.cejheliz-login-content{width:min(100%,520px);gap:18px;margin:auto}.cejheliz-login-card{padding:36px 38px;border-radius:24px}.cejheliz-login-card h1{font-size:31px}.cejheliz-login-field{min-height:52px}.cejheliz-login-submit{min-height:52px}}
/* Laptop/tablet con poca altura u orientación horizontal. */
@media(min-width:641px) and (max-height:760px){.cejheliz-login{place-items:start center;overflow-y:auto;padding-top:16px;padding-bottom:16px}.cejheliz-login-content{gap:12px;margin:auto}.cejheliz-login-brand>span{width:40px;height:40px;border-radius:12px}.cejheliz-login-card{padding:24px 36px}.cejheliz-login-card-icon{width:34px;height:34px;margin-bottom:9px}.cejheliz-login-card h1{font-size:28px}.cejheliz-login-description{margin-top:5px}.cejheliz-login-fields{margin-top:15px}.cejheliz-login-fields label{margin-top:5px}.cejheliz-login-field{min-height:46px}.cejheliz-login-options{margin-top:10px}.cejheliz-login-submit{min-height:46px;margin-top:14px}.cejheliz-login-security{margin-top:14px;padding:9px}}
/* Celular en horizontal: scroll natural y controles siempre alcanzables. */
@media(max-width:640px) and (max-height:620px){.cejheliz-login{padding-top:max(12px,env(safe-area-inset-top));padding-bottom:max(12px,env(safe-area-inset-bottom))}.cejheliz-login-content{margin:0 auto;gap:12px}.cejheliz-login-card{padding-top:24px;padding-bottom:24px}.cejheliz-login-card-icon{display:none}.cejheliz-login-fields{margin-top:17px}.cejheliz-login-security{margin-top:16px}}
@media(prefers-reduced-motion:reduce){.cejheliz-login *{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Login claro: variante visual aislada de la autenticación. */
.cejheliz-login{color:#10213b;background:radial-gradient(circle at 50% -10%,rgb(16 185 129/.1),transparent 38%),linear-gradient(145deg,#f8fbff,#eef5f3)}
.cejheliz-login-grid{opacity:.38;background-image:linear-gradient(rgb(148 163 184/.16) 1px,transparent 1px),linear-gradient(90deg,rgb(148 163 184/.16) 1px,transparent 1px)}
.cejheliz-login-glow.is-blue{background:rgb(59 130 246/.12)}
.cejheliz-login-glow.is-purple{background:rgb(16 185 129/.12)}
.cejheliz-login-brand>span{border-color:rgb(16 185 129/.22);color:#fff;background:linear-gradient(145deg,#22d39a,#07966d);box-shadow:0 12px 30px rgb(16 185 129/.2)}
.cejheliz-login-brand strong{color:#10213b}
.cejheliz-login-brand small{color:#718096}
.cejheliz-login-card{border-color:#dbe5ee;background:rgb(255 255 255/.92);box-shadow:0 28px 70px rgb(15 35 60/.12),inset 0 1px #fff}
.cejheliz-login-card-icon{border-color:rgb(16 185 129/.2);color:#07966d;background:#e9fbf4;box-shadow:0 0 24px rgb(16 185 129/.1)}
.cejheliz-login-card-icon svg,.cejheliz-login-field svg,.cejheliz-login-security svg,.cejheliz-login-submit svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.cejheliz-login-card h1{color:#10213b}
.cejheliz-login-description{color:#66758b}
.cejheliz-login-error{border-color:#fecdd3;color:#be123c;background:#fff1f2}
.cejheliz-login-fields label{color:#334155}
.cejheliz-login-field{border-color:#d5e0eb;color:#718096;background:#f8fafc;box-shadow:inset 0 1px 2px rgb(15 23 42/.025)}
.cejheliz-login-field:focus-within{border-color:#10b981;background:#fff;box-shadow:0 0 0 3px rgb(16 185 129/.12),0 8px 22px rgb(15 35 60/.06)}
.cejheliz-login-field input{color:#10213b}
.cejheliz-login-field input::placeholder{color:#94a3b8}
.cejheliz-login-field button{color:#64748b}
.cejheliz-login-field button:hover{color:#07966d;background:#e9fbf4}
.cejheliz-login-field button .icon-eye-off{display:none}
.cejheliz-login-field button.is-visible .icon-eye{display:none}
.cejheliz-login-field button.is-visible .icon-eye-off{display:block}
.cejheliz-login-options a{color:#078a66}
.cejheliz-login-submit{background:linear-gradient(105deg,#16c98d,#07966d);box-shadow:0 15px 32px rgb(16 185 129/.22)}
.cejheliz-login-submit:hover:not(:disabled){box-shadow:0 19px 38px rgb(16 185 129/.3)}
.cejheliz-login-submit svg{width:17px;height:17px}
.cejheliz-login-security{border-color:#dce8e4;color:#64748b;background:#f5faf8}

.cejheliz-login-field input{color-scheme:light}
.cejheliz-login-field input:-webkit-autofill,
.cejheliz-login-field input:-webkit-autofill:hover,
.cejheliz-login-field input:-webkit-autofill:focus,
.cejheliz-login-field input:-webkit-autofill:active{
  -webkit-text-fill-color:#10213b;
  caret-color:#10213b;
  -webkit-box-shadow:0 0 0 1000px #f8fafc inset;
  box-shadow:0 0 0 1000px #f8fafc inset;
  transition:background-color 9999s ease-out 0s;
}
.cejheliz-login-security span{color:#059669}
.cejheliz-login-security span svg{width:16px;height:16px}
.cejheliz-login-content>footer{color:#718096}