.ap{flex-direction:column;align-items:center;min-height:calc(100vh - 72px);padding:clamp(20px,5vh,56px) 16px 40px;display:flex}.ap-grid{background:#0a0a0c;border-radius:24px;grid-template-columns:1.05fr .95fr;width:min(1040px,100%);display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14,0 30px 80px #0000008c,0 0 120px #d6ff4a0a}.ap-lado{--rx:0deg;--ry:0deg;--luz:214, 255, 74;perspective:900px;background:linear-gradient(#010102 0%,#05060a 50%,#020203 100%);border-right:1px solid #ffffff0f;flex-direction:column;justify-content:flex-end;gap:10px;padding:44px 44px 48px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 140px 30px #000000e6}.ap-lado>:not(.ap-nebulosa,.ap-cielo,.ap-planeta,.ap-luna){z-index:1;position:relative}.ap-lado:after{content:"";z-index:2;opacity:.07;mix-blend-mode:overlay;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");position:absolute;inset:0}.ap-nebulosa{background:radial-gradient(38% 30% at 30% 30%, #5ee6c71a, transparent 70%), radial-gradient(30% 26% at 72% 52%, rgba(var(--luz), .06), transparent 70%), radial-gradient(40% 30% at 55% 20%, #ffffff08, transparent 70%);filter:blur(20px);animation:40s ease-in-out infinite alternate ap-deriva;position:absolute;inset:-20%}@keyframes ap-deriva{to{transform:translate(3%,-2%)scale(1.05)}}.ap-cielo,.ap-cielo:after{position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0% 42%,#0000 72%);mask-image:linear-gradient(#000 0% 42%,#0000 72%)}.ap-cielo{background-image:radial-gradient(1px 1px at 12px 24px,#ffffffbf,#0000 60%),radial-gradient(1px 1px at 80px 110px,#ffffff73,#0000 60%),radial-gradient(1.4px 1.4px at 140px 50px,#ffffffe6,#0000 60%),radial-gradient(1px 1px at 170px 160px,#ffffff59,#0000 60%);background-size:190px 190px}.ap-cielo:after{content:"";background-image:radial-gradient(1.8px 1.8px at 60px 200px, rgba(var(--luz), .7), transparent 60%), radial-gradient(1px 1px at 230px 90px, #fff9, transparent 60%), radial-gradient(1.2px 1.2px at 150px 250px, #5ee6c7b3, transparent 60%);background-size:270px 270px;animation:4.5s ease-in-out infinite alternate ap-titila}@keyframes ap-titila{0%{opacity:.35}to{opacity:1}}.ap-planeta{width:360px;height:360px;box-shadow:inset 16px -12px 34px #5ee6c733, inset 3px -2px 6px rgba(var(--luz), .45), 0 0 50px 6px #5ee6c71f, 0 0 120px 20px #5ee6c70d;background:repeating-linear-gradient(-28deg,#ffffff06 0 6px,#0000 6px 22px),radial-gradient(circle at 28% 72%,#232734 0%,#0d0f16 46%,#030305 70%);border-radius:50%;position:absolute;top:-160px;right:-150px}.ap-luna{background:radial-gradient(circle at 30% 70%,#3a3f4c,#101219 70%);border-radius:50%;width:22px;height:22px;position:absolute;top:168px;right:168px;box-shadow:inset 3px -2px 4px #5ee6c759,0 0 12px #5ee6c726}.ap-escena{height:310px;transform:rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;margin:-16px -44px 18px;transition:transform .4s ease-out;position:relative}.ap-piso{background-image:linear-gradient(rgba(var(--luz), .4) 1px, transparent 1px), linear-gradient(90deg, rgba(var(--luz), .4) 1px, transparent 1px), linear-gradient(rgba(var(--luz), .1) 1px, transparent 1px), linear-gradient(90deg, rgba(var(--luz), .1) 1px, transparent 1px);transform-origin:50% 100%;background-position:bottom;background-size:48px 48px,48px 48px,12px 12px,12px 12px;height:220px;position:absolute;bottom:0;left:-30%;right:-30%;transform:perspective(300px)rotateX(60deg);-webkit-mask-image:radial-gradient(60% 120% at 50% 100%,#000 20%,#0000 72%);mask-image:radial-gradient(60% 120% at 50% 100%,#000 20%,#0000 72%)}.ap-niebla{filter:blur(8px);background:radial-gradient(50% 50%,#5ee6c71f,#0000 70%);height:60px;position:absolute;bottom:96px;left:-10%;right:-10%}.ap-horizonte{background:linear-gradient(90deg, transparent, rgba(var(--luz), .6), #5ee6c773, transparent);height:1px;box-shadow:0 0 22px 3px rgba(var(--luz), .16);position:absolute;bottom:118px;left:6%;right:6%}.ap-cono{background:linear-gradient(180deg, rgba(var(--luz), .3), rgba(var(--luz), .02));clip-path:polygon(40% 0,60% 0,100% 100%,0 100%);filter:blur(3px);width:44%;height:122px;transition:background .3s;position:absolute;top:150px;left:50%;transform:translate(-50%)}.ap-halo{background:radial-gradient(closest-side, rgba(var(--luz), .45), transparent);filter:blur(6px);border-radius:50%;width:52%;height:40px;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.ap-nave{filter:drop-shadow(0 26px 28px #000c);width:52%;height:auto;animation:7s ease-in-out infinite ap-flota;position:absolute;top:46px;left:50%;transform:translate(-50%)translateZ(40px)}.ap-reflejo{opacity:.22;transform-origin:50% 100%;filter:blur(1.5px);pointer-events:none;width:54%;height:auto;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)scaleY(-.42);-webkit-mask-image:linear-gradient(#0000 25%,#000 90%);mask-image:linear-gradient(#0000 25%,#000 90%)}@keyframes ap-flota{0%,to{transform:translate(-50%)translateZ(40px)translateY(0)}50%{transform:translate(-50%)translateZ(40px)translateY(-9px)}}.ap[data-fase=enviando] .ap-nave{animation:1.5s ease-in-out infinite ap-intenta}.ap[data-fase=enviando] .ap-cono{animation:.5s steps(2,jump-none) infinite ap-chisporrotea}.ap[data-fase=enviando] .ap-halo{animation:1.5s ease-in-out infinite ap-late}@keyframes ap-intenta{0%,to{transform:translate(-50%)translateZ(40px)translateY(0)rotate(0)}18%{transform:translate(-50%)translateZ(40px)translateY(-16px)rotate(-1.4deg)}26%{transform:translate(calc(2px - 50%))translateZ(40px)translateY(-22px)rotate(1.6deg)}34%{transform:translate(calc(-50% - 2px))translateZ(40px)translateY(-26px)rotate(-1.8deg)}42%{transform:translate(-50%)translateZ(40px)translateY(-24px)rotate(1deg)}62%{transform:translate(-50%)translateZ(40px)translateY(4px)rotate(-.6deg)}74%{transform:translate(-50%)translateZ(40px)translateY(-3px)rotate(.3deg)}}@keyframes ap-chisporrotea{0%{opacity:1}50%{opacity:.45}}@keyframes ap-late{0%,to{opacity:1}35%{opacity:.4}}.ap[data-fase=error] .ap-lado{--luz:255, 82, 82}.ap[data-fase=error] .ap-nave{animation:.7s ease-out ap-falla,7s ease-in-out .7s infinite ap-flota}.ap[data-fase=error] .ap-escena:after{content:"";pointer-events:none;background:radial-gradient(60% 60% at 50% 45%,#ff3c3c38,#0000 70%);animation:.9s ease-out forwards ap-alarma;position:absolute;inset:0}@keyframes ap-falla{0%{transform:translate(-50%)translateZ(40px)translateY(-20px)}30%{transform:translate(calc(-50% - 10px))translateZ(40px)translateY(6px)rotate(-3deg)}45%{transform:translate(calc(9px - 50%))translateZ(40px)translateY(2px)rotate(2.5deg)}60%{transform:translate(calc(-50% - 6px))translateZ(40px)translateY(0)rotate(-1.5deg)}75%{transform:translate(calc(3px - 50%))translateZ(40px)translateY(0)rotate(.8deg)}to{transform:translate(-50%)translateZ(40px)translateY(0)rotate(0)}}@keyframes ap-alarma{0%,40%{opacity:1}20%,60%{opacity:.2}to{opacity:0}}.ap[data-fase=dentro] .ap-nave{animation:.85s cubic-bezier(.55,0,.8,.2) forwards ap-despega}.ap[data-fase=dentro] .ap-cono{animation:.85s ease-out forwards ap-destello}@keyframes ap-despega{0%{opacity:1;transform:translate(-50%)translateZ(40px)translateY(0)scale(1)}25%{transform:translate(-50%)translateZ(40px)translateY(10px)scale(1.02)}to{opacity:0;transform:translate(-50%)translateZ(40px)translateY(-340px)scale(.55)}}@keyframes ap-destello{0%{opacity:1;filter:blur(3px)brightness()}25%{opacity:1;filter:blur(2px)brightness(2.2)}to{opacity:0}}.ap-eti{color:var(--ac);font:500 12px/1 var(--mo);letter-spacing:.14em;text-transform:uppercase;margin:0}.ap-frase{font:600 clamp(26px, 2.6vw, 32px) / 1.15 var(--dsp);letter-spacing:-.02em;margin:0 0 8px}.ap-lineas{color:var(--w2);gap:10px;margin:0;padding:0;font-size:15px;list-style:none;display:grid}.ap-lineas li{padding-left:28px;position:relative}.ap-lineas li:before{content:"✓";width:18px;height:18px;color:var(--ac);background:#d6ff4a24;border-radius:50%;place-items:center;font-size:11px;font-weight:700;display:grid;position:absolute;top:1px;left:0}.ap-tarjeta{flex-direction:column;padding:44px 44px 36px;display:flex}.ap-logo{align-self:flex-start;width:auto;height:22px;margin-bottom:30px}.ap-h1{font:600 28px/1.2 var(--dsp);letter-spacing:-.02em;margin:0}.ap-sub{color:var(--w2);margin:6px 0 24px;font-size:15px}.ap-modos{background:#ffffff0d;border-radius:10px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.ap-modos button{color:var(--w3);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:8px 10px;font-size:14px;font-weight:500;transition:background .15s,color .15s}.ap-modos button[aria-selected=true]{color:var(--wh);background:#ffffff1f}.ap-modos button:focus-visible{outline:2px solid var(--ac);outline-offset:2px}.ap-campo{gap:6px;margin-top:18px;display:grid}.ap-etq{color:var(--w2);font-size:13px;font-weight:500}.ap-fila{justify-content:space-between;align-items:center;gap:12px;display:flex}.ap-campo input{width:100%;height:46px;color:var(--wh);font:400 15px var(--tx);background:#121216;border:1px solid #ffffff1f;border-radius:10px;outline:none;padding:0 14px;transition:border-color .15s,box-shadow .15s}.ap-campo input::placeholder{color:#ffffff4d}.ap-campo input:focus{border-color:var(--ac);box-shadow:0 0 0 3px #d6ff4a29}.ap-con-ojo{display:block;position:relative}.ap-con-ojo input{padding-right:84px}.ap-ojo{height:34px;color:var(--w2);font:500 12px var(--mo);cursor:pointer;background:#ffffff0f;border:0;border-radius:8px;padding:0 12px;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.ap-link{color:var(--ac);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0;font-size:13px}.ap-link:hover{text-decoration:underline}.ap-entrar{background:var(--ac);color:#0a0a0a;width:100%;height:48px;font:600 15px var(--dsp);cursor:pointer;border:0;border-radius:10px;margin-top:24px;transition:filter .15s,transform .15s}.ap-entrar:hover{filter:brightness(1.06)}.ap-entrar:active{transform:translateY(1px)}.ap-entrar:focus-visible{outline:2px solid var(--wh);outline-offset:3px}.ap-entrar:disabled{cursor:progress;opacity:.8}.ap-nota{color:var(--w3);margin:12px 0 0;font-size:13px}.ap-msg{border-radius:10px;margin:14px 0 0;padding:10px 12px;font-size:13.5px;line-height:1.45}.ap-msg--error{color:#ffa3a3;background:#ff52521a;box-shadow:inset 0 0 0 1px #ff525259}.ap-msg--ok{color:#e6ff9a;background:#d6ff4a14;box-shadow:inset 0 0 0 1px #d6ff4a4d}.ap-msg--aviso{color:#ffd27a;background:#f2a5161a;box-shadow:inset 0 0 0 1px #f2a51659}.ap-pie{color:var(--w2);margin:auto 0 0;padding-top:28px;font-size:14px}.ap-pie a{color:var(--wh);font-weight:600}.ap-pie a:hover{color:var(--ac)}.ap-legal{flex-wrap:wrap;justify-content:center;gap:8px 20px;margin-top:20px;font-size:12.5px;display:flex}.ap-legal a{color:var(--w3)}.ap-legal a:hover{color:var(--w2)}@media (max-width:860px){.ap-grid{grid-template-columns:1fr;width:min(460px,100%)}.ap-lado{display:none}.ap-tarjeta{padding:32px 22px 28px}}@media (prefers-reduced-motion:reduce){.ap-nave,.ap[data-fase] .ap-nave,.ap[data-fase] .ap-cono,.ap[data-fase] .ap-halo,.ap-nebulosa,.ap-cielo:after,.ap-escena:after{animation:none!important}.ap-escena{transition:none;transform:none}}