*{box-sizing:border-box;margin:0}html{-webkit-text-size-adjust:100%;background:#030a16}html,body{min-height:100%}body{min-height:100vh;font-family:Jost,Helvetica Neue,Arial,sans-serif;font-weight:300;-webkit-font-smoothing:antialiased;overflow-x:hidden;position:relative;color:#fff;background:linear-gradient(160deg,#030a16,#0a1d3a 58%,#123566) fixed}.fondo{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.halo{position:absolute;left:50%;top:2%;width:900px;height:640px;margin-left:-450px;background:radial-gradient(50% 50% at 50% 36%,rgba(80,140,225,.32),transparent 70%)}.fantasma{position:absolute;left:50%;bottom:-26%;width:1100px;margin-left:-300px;color:#78aaf00e}.fantasma svg{display:block;width:100%;height:auto}main{position:relative;z-index:1;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px}.marca{display:flex;flex-direction:column;align-items:center}.logo{display:block;height:auto;width:80px;color:#fff;filter:drop-shadow(0 8px 30px rgba(120,180,255,.35))}.nombre{font-weight:500;font-size:20px;text-transform:uppercase;letter-spacing:.42em;padding-left:.42em;margin-top:22px}.lema{margin-top:10px;font-size:14px;letter-spacing:.12em;color:#b6cdea}.lista{width:100%;max-width:420px;margin-top:34px;display:flex;flex-direction:column;gap:10px}.boton{position:relative;isolation:isolate;display:flex;align-items:center;gap:20px;height:76px;padding:0 24px;border-radius:12px;color:#fff;text-decoration:none;text-transform:uppercase;font-size:15px;font-weight:400;letter-spacing:.16em;background:linear-gradient(180deg,#3c6ebe42,#19376e38);border:1px solid rgba(150,200,255,.2);box-shadow:inset 0 1px #ffffff24,0 18px 36px -10px #000510b3,0 2px 4px #00051066;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s,background .25s}.boton:hover{transform:translateY(-2px);background:linear-gradient(180deg,#ffffff38,#ffffff1a);box-shadow:inset 0 1px #fff3,0 24px 42px -10px #000510cc,0 0 0 1px #82b8f159}.boton:active{transform:scale(.985)}.boton:focus-visible{outline:2px solid #fff;outline-offset:3px}.icono{width:38px;height:38px;flex:none;color:#cfe6ff}.ir{flex:none;margin-left:auto;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.3);color:#f2f6ff}.ir svg{display:block;width:14px;height:8px;fill:none;stroke:currentColor;stroke-width:1.5}@media (min-width:900px){.lista{max-width:460px}.logo{width:92px}}@media (max-width:600px){main{justify-content:flex-start;padding:max(env(safe-area-inset-top),clamp(36px,9dvh,72px)) max(20px,env(safe-area-inset-right)) max(28px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}.logo{width:clamp(56px,16vw,68px)}.nombre{font-size:clamp(15px,4.4vw,18px);margin-top:16px;letter-spacing:.38em;padding-left:.38em}.lema{font-size:clamp(12px,3.4vw,14px);margin-top:8px}.lista{max-width:none;gap:12px;margin-top:clamp(24px,5dvh,40px)}.boton{height:clamp(56px,7.4dvh,64px);padding:0 20px;gap:16px;font-size:clamp(13px,3.7vw,15px);letter-spacing:.12em}.icono{width:28px;height:28px}}@media (max-width:600px) and (max-height:640px){.boton{height:52px}.lista{gap:10px}.logo{width:48px}}