.login{--canvas:#F4F6F9;--surface:#FFFFFF;--ink:#0B1A33;--muted:#5F6B7F;--faint:#98A2B3;--line:#E3E7EE;--data:#2563EB;--accent:#F08A24;--down:#C2335F;position:relative;isolation:isolate;min-height:100vh;display:flex;flex-direction:column;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:radial-gradient(70% 55% at 50% 0%,color-mix(in srgb,var(--data) 11%,transparent),transparent 72%),var(--canvas)}@media(prefers-color-scheme:dark){.login{--canvas:#0B111C;--surface:#121A28;--ink:#E7ECF4;--muted:#8C97AA;--faint:#5E6A80;--line:#222D40;--data:#6E9BFF;--accent:#F7A04B;--down:#F472A6}}.login:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-image:radial-gradient(color-mix(in srgb,var(--faint) 45%,transparent) 1px,transparent 1.4px);background-size:22px 22px;-webkit-mask-image:radial-gradient(60% 55% at 50% 42%,#000,transparent 78%);mask-image:radial-gradient(60% 55% at 50% 42%,#000,transparent 78%)}.login-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px 16px}.login-marca{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:28px}.login-marca img{height:32px;width:auto;display:block}.login-marca span{font-size:15px;font-weight:700;letter-spacing:-.01em;white-space:nowrap;padding-bottom:7px;background:linear-gradient(var(--accent),var(--accent)) center bottom/18px 2px no-repeat}.login-caja{box-sizing:border-box;width:100%;max-width:400px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:34px 32px 26px;box-shadow:0 28px 64px -28px #0b1a3347,0 2px 6px #0b1a330d}.login h1{font-size:24px;font-weight:600;letter-spacing:-.02em;margin:0 0 6px;text-align:center}.login p{color:var(--muted);margin:0 0 26px;text-align:center;font-size:14.5px;line-height:1.5}.login .login-espera{margin:8px 0}.login .login-error{margin:0 0 14px;padding:10px 12px;border-radius:8px;text-align:left;font-size:13.5px;line-height:1.4;color:var(--down);background:color-mix(in srgb,var(--down) 9%,transparent)}.login-boton{width:100%;height:44px;display:flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:10px;background:var(--ink);color:var(--surface);font:inherit;font-weight:600;font-size:14.5px;cursor:pointer;transition:background .15s}.login-boton:hover{background:color-mix(in srgb,var(--ink) 86%,var(--surface))}.login-boton:active{transform:translateY(1px)}.login-boton:focus-visible{outline:2px solid var(--data);outline-offset:3px}.login-boton:disabled{cursor:progress;opacity:.7}.login-pie{padding:20px 16px;text-align:center;font-size:12.5px;color:var(--faint)}@media(max-width:700px){.login-main{padding:28px 16px 8px}.login-marca{margin-bottom:22px}.login-marca img{height:28px}.login-caja{padding:26px 20px 20px;border-radius:14px}}@media(prefers-reduced-motion:reduce){.login-boton{transition:none}}