.login-page{--cyan:#66edf2;--violet:#9271ff;color:#f8fbff;background:radial-gradient(circle at 12% 10%,#14d3de29,#0000 30rem),radial-gradient(circle at 88% 88%,#d53aff29,#0000 34rem),#050817;min-height:100svh;position:relative;overflow:hidden}.login-page:before{pointer-events:none;content:"";opacity:.16;background-image:linear-gradient(#66edf21f 1px,#0000 1px),linear-gradient(90deg,#66edf21f 1px,#0000 1px);background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 88%);mask-image:linear-gradient(#000,#0000 88%)}.login-stage{z-index:1;grid-template-columns:minmax(16rem,25rem) minmax(20rem,34rem);justify-content:center;align-items:center;gap:clamp(2rem,7vw,7rem);width:min(100%,78rem);min-height:100svh;margin:auto;padding:3rem 1.25rem;display:grid;position:relative}.login-welcome{max-width:24rem}.login-kicker,.login-eyebrow{color:var(--cyan);letter-spacing:.2em;text-transform:uppercase;font-size:.72rem;font-weight:900}.login-welcome p{letter-spacing:-.06em;text-wrap:balance;margin-top:1rem;font-size:clamp(2.2rem,4vw,4.4rem);font-weight:850;line-height:.96}.login-panel{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(155deg,#0e152ef5,#080a1dfa 62%,#1e092ef0);border:1px solid #70e4f52b;border-radius:2rem;width:100%;min-width:0;padding:clamp(1.5rem,5vw,3.2rem);position:relative;overflow:hidden;box-shadow:0 36px 110px #0000007a,inset 0 1px #ffffff0f}.login-panel:before{content:"";background:linear-gradient(90deg,transparent,var(--cyan),transparent);width:64%;height:1px;box-shadow:0 0 22px var(--cyan);position:absolute;top:0;left:18%}.login-brand{color:#fff;align-items:center;gap:.7rem;margin-bottom:2rem;text-decoration:none;display:inline-flex}.login-brand span{aspect-ratio:1;background:linear-gradient(145deg,#d946ef57,#22d3ee2e);border:1px solid #66edf24d;border-radius:1rem;place-items:center;width:2.75rem;font-size:1.2rem;font-weight:900;display:grid}.login-brand strong{letter-spacing:-.04em;font-size:1.35rem}.login-panel>h1{letter-spacing:-.06em;text-wrap:balance;max-width:100%;margin-top:.7rem;font-size:clamp(2.65rem,5vw,4rem);font-weight:850;line-height:.94}.login-intro{color:#aebbd0;max-width:34rem;margin-top:1rem;font-size:.95rem;font-weight:600;line-height:1.6}.login-panel>div{text-align:left;background:0 0!important;border:0!important;margin-top:1.8rem!important;padding:0!important}.login-panel>div>div:first-child,.login-panel>div>p,.login-panel>div>div:nth-child(2),.login-panel>div>div:nth-child(3),.login-panel>div>div:nth-last-child(2),.login-panel>div>div:last-child{display:none!important}.login-page form{min-width:0;margin-top:0!important}.login-page form label{text-align:left}.login-page form label span{color:#c8d4e5!important;font-size:.7rem!important}.login-page input{width:100%;min-height:3.35rem;background:#020714c7!important;border-color:#7dd3fc2e!important}.login-page input:focus{box-shadow:0 0 0 3px #22d3ee1c;border-color:#67e8f9c7!important}.login-page form>div.flex.flex-wrap{grid-template-columns:1fr;gap:.7rem;display:grid}.login-page form>div.flex.flex-wrap>button:nth-of-type(3){display:none!important}.login-page form button[type=submit],.login-page form button[type=button]:first-of-type{width:100%;min-height:3.35rem;color:#fff!important;border:0!important}.login-page form button[type=submit]{box-shadow:0 16px 38px #6748ff40;background:linear-gradient(90deg,#14b8d4,#8468ef 52%,#d946ef)!important}.login-page form button[type=button]:first-of-type{color:#fecdd3!important;background:#7f1d1d2e!important;border:1px solid #fb718547!important;display:block!important}.login-page form button[type=button]:first-of-type:after{content:" y cambiar de cuenta"}.login-page form>div.flex.justify-end{justify-content:flex-end}.login-back-link{color:#aebbd0;margin-top:1.5rem;font-size:.85rem;font-weight:800;text-decoration:none;display:inline-flex}.login-page p,.login-page span,.login-page a,.login-page button,.login-page label{overflow-wrap:anywhere}.login-page :is(a,button,input):focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.login-orbit{pointer-events:none;border:1px solid #66edf21a;border-radius:50%;position:absolute}.login-orbit-one{width:32rem;height:32rem;top:-12rem;right:-10rem}.login-orbit-two{border-color:#d946ef1f;width:38rem;height:38rem;bottom:-17rem;left:-10rem}@media (max-width:800px){.login-stage{grid-template-columns:1fr;gap:1.5rem;max-width:38rem;padding-block:2rem}.login-welcome{display:none}.login-panel>h1{font-size:clamp(2.7rem,13vw,4rem)}}@media (max-width:480px){.login-stage{padding:1rem .75rem}.login-panel{border-radius:1.5rem;padding:1.4rem}.login-brand{margin-bottom:1.5rem}.login-page input{font-size:1rem}.login-panel>h1{font-size:clamp(2.4rem,12vw,3.25rem)}}@media (prefers-reduced-motion:reduce){.login-page *{scroll-behavior:auto!important;transition:none!important}}.login-page .login-panel>div>.login-register-callout{color:#c8d4e5;border-radius:1rem;justify-content:space-between;align-items:center;gap:1rem;background:#66edf20f!important;border:1px solid #66edf22e!important;margin-top:1rem!important;padding:1rem 1.1rem!important;display:flex!important}.login-page .login-register-callout span{font-size:.86rem;font-weight:700}.login-page .login-register-callout a{color:#8ff8fb;flex:none;font-size:.86rem;font-weight:900;text-decoration:none}.login-page .login-register-callout a:hover{color:#fff}@media (max-width:480px){.login-page .login-register-callout{flex-direction:column;align-items:flex-start;gap:.45rem}}
