.ingreso{--bg-base:#05070a;--bg-surface:#0a0e14;--bg-elevated:#0e141c;--bg-raised:#131c28;--border:#1c232e;--border-strong:#2a3340;--border-subtle:#141a23;--text-primary:#e8ecf3;--text-secondary:#8a95a6;--text-muted:#7a8696;--accent:#2bd46e;--accent-hover:#34d98a;--accent-fg:#04140a;--accent-text:#34d98a;--out:#ff5d5d;--grid-line:#ffffff0b;--grid-line-strong:#ffffff12;--glow-green:#2bd46e14;--sans:Inter, system-ui, sans-serif;--display:"Space Grotesk", Inter, sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace;background:var(--bg-base);min-height:100vh;color:var(--text-primary);font-family:var(--sans);-webkit-font-smoothing:antialiased;grid-template-columns:1.1fr 1fr;display:grid}.ingreso *,.ingreso :before,.ingreso :after{box-sizing:border-box}.ingreso h1,.ingreso h2,.ingreso p{margin:0}.ingreso-marca{border-right:1px solid var(--border-subtle);flex-direction:column;justify-content:space-between;padding:40px 56px;display:flex;position:relative;overflow:hidden}.ingreso-grilla{pointer-events:none;background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px), linear-gradient(var(--grid-line-strong) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line-strong) 1px, transparent 1px);background-size:24px 24px,24px 24px,120px 120px,120px 120px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 55%,#0000 100%);mask-image:linear-gradient(#000 55%,#0000 100%)}.ingreso-brillo{pointer-events:none;background:radial-gradient(60% 55% at 14% 12%, var(--glow-green) 0%, transparent 60%);position:absolute;inset:0}.ingreso-logo{align-items:center;gap:12px;display:flex;position:relative}.ingreso-logo img{background:#fff;border-radius:6px;width:36px;height:36px;padding:3px}.ingreso-logo b{font-family:var(--mono);letter-spacing:-.01em;font-size:17px;font-weight:600}.ingreso-logo b span{color:var(--accent-text)}.ingreso-logo i{font-style:normal;font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);font-size:11px}.ingreso-pitch{max-width:520px;position:relative}.ingreso-kicker{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);font-size:12px}.ingreso-kicker span{color:var(--accent-text)}.ingreso h1{font-family:var(--display);letter-spacing:-.02em;margin-top:18px;font-size:52px;font-weight:700;line-height:1.04}.ingreso h1 em{color:var(--accent-text);font-style:normal}.ingreso-modulos{background:var(--border-strong);border:1px solid var(--border-strong);border-radius:8px;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:28px;display:grid;overflow:hidden}.ingreso-modulos div{background:var(--bg-surface);font-family:var(--mono);color:var(--text-secondary);padding:14px 16px;font-size:12.5px}.ingreso-modulos div b{color:var(--text-muted);margin-bottom:4px;font-size:11px;font-weight:500;display:block}.ingreso-pie{font-family:var(--mono);color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;gap:16px;font-size:11.5px;display:flex;position:relative}.ingreso-pie a{color:var(--text-muted);margin-left:18px;text-decoration:none}.ingreso-pie a:hover{color:var(--text-primary)}.ingreso-lado{background:var(--bg-base);justify-content:center;align-items:center;padding:40px 24px;display:flex}.ingreso-pila{width:100%;max-width:380px}.ingreso-tarjeta{border:1px solid var(--border-strong);background:var(--bg-surface);border-radius:10px;width:100%;overflow:hidden}.ingreso-barra{border-bottom:1px solid var(--border-subtle);background:var(--bg-elevated);font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);justify-content:space-between;align-items:center;padding:10px 18px;font-size:11px;display:flex}.ingreso-barra .ingreso-punto{background:var(--accent);vertical-align:1px;border-radius:50%;width:6px;height:6px;margin-right:8px;display:inline-block}.ingreso-cuerpo{padding:28px 24px 24px}.ingreso h2{font-family:var(--display);letter-spacing:-.01em;font-size:26px;font-weight:700}.ingreso-sub{color:var(--text-secondary);margin-top:6px;font-size:14.5px;line-height:1.5}.ingreso-sub strong{color:var(--text-primary);font-weight:600}.ingreso form{gap:16px;margin-top:24px;display:grid}.ingreso label{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin-bottom:7px;font-size:11px;display:block}.ingreso-campo{position:relative}.ingreso input{border:1px solid var(--border-strong);background:var(--bg-base);width:100%;height:46px;color:var(--text-primary);font:15px var(--sans);border-radius:6px;outline:none;padding:0 14px}.ingreso input::placeholder{color:#4b5563}.ingreso input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #2bd46e2e}.ingreso input:-webkit-autofill{-webkit-box-shadow:0 0 0 100px var(--bg-base) inset;-webkit-text-fill-color:var(--text-primary);caret-color:var(--text-primary);transition:background-color 9999s ease-in-out}.ingreso input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 100px var(--bg-base) inset;-webkit-text-fill-color:var(--text-primary);caret-color:var(--text-primary);transition:background-color 9999s ease-in-out}.ingreso input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 100px var(--bg-base) inset;-webkit-text-fill-color:var(--text-primary);caret-color:var(--text-primary);transition:background-color 9999s ease-in-out}.ingreso input.ingreso-codigo{font-family:var(--mono);letter-spacing:.5em;text-align:center;font-size:22px}.ingreso input.ingreso-codigo.ingreso-codigo-largo{letter-spacing:.12em;font-size:16px}.ingreso input.ingreso-con-ojo{padding-right:84px}.ingreso-ojo{height:34px;color:var(--text-muted);font:12px var(--mono);cursor:pointer;background:0 0;border:0;border-radius:4px;padding:0 10px;position:absolute;top:6px;right:6px}.ingreso-ojo:hover{color:var(--text-primary);background:var(--bg-raised)}.ingreso-boton{background:var(--accent);width:100%;height:48px;color:var(--accent-fg);font:600 14px var(--mono);letter-spacing:.02em;cursor:pointer;border:0;border-radius:6px;justify-content:center;align-items:center;gap:8px;display:flex}.ingreso-boton:hover:not(:disabled){background:var(--accent-hover)}.ingreso-boton:disabled{opacity:.55;cursor:not-allowed}.ingreso-boton:focus-visible,.ingreso-enlace:focus-visible,.ingreso-fantasma:focus-visible,.ingreso-ojo:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px}.ingreso-fila{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;font-size:13.5px;display:flex}.ingreso-enlace{color:var(--accent-text);font-weight:500;text-decoration:none}.ingreso-enlace:hover{text-underline-offset:3px;text-decoration:underline}.ingreso-fantasma{color:var(--text-secondary);font:13.5px var(--sans);cursor:pointer;text-align:left;background:0 0;border:0;padding:0}.ingreso-fantasma:hover{color:var(--text-primary)}.ingreso-error{color:#ffb4b4;background:#ff5d5d12;border:1px solid #ff5d5d59;border-radius:6px;gap:10px;padding:11px 12px;font-size:13.5px;line-height:1.45;display:flex}.ingreso-error b{font-family:var(--mono);color:var(--out);letter-spacing:.12em;padding-top:2px;font-size:11px}.ingreso-estado{text-align:center;padding:8px 0 4px}.ingreso-estado .ingreso-sub{margin-top:10px}.ingreso-marca-de-estado{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent-text);margin-bottom:12px;font-size:12px}.ingreso-marca-de-estado.ingreso-mal{color:var(--out)}.ingreso-pie-tarjeta{border-top:1px solid var(--border-subtle);color:var(--text-secondary);flex-wrap:wrap;justify-content:space-between;gap:12px;padding:14px 24px;font-size:13.5px;display:flex}.ingreso-ayuda{text-align:center;font-family:var(--mono);color:var(--text-muted);margin-top:14px;font-size:11.5px}.ingreso-ayuda a{color:var(--text-secondary);text-underline-offset:2px;text-decoration:underline}.ingreso-ayuda-campo{color:var(--text-muted);margin-top:6px;font-size:12.5px}.ingreso-logo-celular{display:none}.ingreso-girar{border:2px solid #04140a4d;border-top-color:var(--accent-fg);border-radius:50%;width:14px;height:14px;animation:.8s linear infinite ingreso-girar;display:inline-block}@keyframes ingreso-girar{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.ingreso-girar{animation:none}}@media (width<=900px){.ingreso{grid-template-columns:1fr}.ingreso-marca{display:none}.ingreso-lado{align-items:flex-start;padding:28px 16px}.ingreso-logo-celular{margin-bottom:22px;display:flex}}