body{margin:0;background:#070b14;font-family:'DM Sans',system-ui,sans-serif;color:#f4f8ff}
a{color:#7cc4ff}a:hover{color:#fff}
.wrap{max-width:1120px;margin:0 auto;padding:0 24px;box-sizing:border-box}
.sec{padding:88px 0}
.eyebrow{font:700 13px/1.2 'DM Sans',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.h2{font:800 clamp(30px,4.4vw,48px)/1.08 'Archivo',system-ui,sans-serif;margin:14px 0 0;letter-spacing:-.02em}
.lead{font-size:19px;line-height:1.55;color:#a9b8d0;margin:16px 0 0;max-width:720px}
.card{background:#0d1526;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:28px;box-sizing:border-box}
.card h3{font:800 22px/1.2 'Archivo',system-ui,sans-serif;margin:0 0 12px}
.card p{margin:0 0 12px;line-height:1.6;color:#a9b8d0}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 28px;border-radius:12px;background:radial-gradient(ellipse 92% 150% at 50% 50%,#62b6ff 0%,#70bdff 36%,#7cc4ff 76%,#7cc4ff 100%);color:#06101f;font:800 17px 'Archivo',system-ui,sans-serif;text-decoration:none;border:0;cursor:pointer;box-sizing:border-box}
.btn:hover{background:#fff;color:#06101f}
.btn2{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 28px;border-radius:12px;border:1.5px solid rgba(255,255,255,.35);color:#fff;font:700 17px 'Archivo',system-ui,sans-serif;text-decoration:none;box-sizing:border-box}
.btn2:hover{border-color:var(--accent);color:var(--accent)}
.row{display:flex;flex-wrap:wrap;gap:20px}.row>*{flex:1 1 300px}.row4>*{flex:1 1 230px}
.tag{font-weight:700;color:var(--accent)}.no{font-weight:700;color:#fff}
.nav a{color:#c9d6ea;text-decoration:none;font-weight:500}.nav a:hover{color:#fff}.nav a.btn,.nav a.btn:hover{color:#06101f;font-weight:800}
.step{font:900 44px/1 'Archivo',system-ui,sans-serif;color:var(--accent)}
.tbl{width:100%;border-collapse:collapse}.tbl td{padding:13px 0;border-top:1px solid rgba(255,255,255,.1);vertical-align:top}.tbl td:first-child{color:#8fa3c2;width:42%}
.pill{border:1.5px solid rgba(255,255,255,.3);color:#fff;background:transparent;min-height:48px;padding:0 20px;border-radius:12px;font:700 16px 'DM Sans',sans-serif;cursor:pointer;flex:1 1 150px}
details{border-top:1px solid rgba(255,255,255,.12);padding:20px 0}
summary{cursor:pointer;font:700 19px/1.3 'Archivo',system-ui,sans-serif;list-style:none;display:flex;justify-content:space-between;gap:16px}
summary::-webkit-details-marker{display:none}summary::after{content:'+';color:var(--accent);font-size:24px;line-height:1}
details[open] summary::after{content:'\2212'}
details p,details li{color:#a9b8d0;line-height:1.65}details p{margin:12px 0 0}
input[type=range]{width:100%;accent-color:#7cc4ff;height:36px}
.gg{filter:drop-shadow(0 0 14px rgba(124,196,255,.7)) drop-shadow(0 0 46px rgba(124,196,255,.4))}
.gg.logo{filter:drop-shadow(0 0 8px rgba(124,196,255,.45))}.gg.logo .gl{margin:-.08em -.01em -.08em 0}
.gl{display:inline-block;color:#7cc4ff;letter-spacing:0;margin:-.08em -.035em -.08em 0;padding:.08em 0}
@supports ((-webkit-background-clip:text) or (background-clip:text)){.gl{background:radial-gradient(ellipse 74% 56% at 50% 56%,#62b6ff 0%,#70bdff 36%,#7cc4ff 76%,#7cc4ff 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}}
.glowtxt{text-shadow:0 0 18px rgba(124,196,255,.75),0 0 58px rgba(124,196,255,.4)}
.btn{box-shadow:0 0 0 1px rgba(124,196,255,.65),0 0 26px rgba(124,196,255,.55),0 0 72px rgba(124,196,255,.25)}
.btn:hover{box-shadow:0 0 0 1px #fff,0 0 34px rgba(255,255,255,.55)}
.glowcard{border-color:rgba(124,196,255,.6);box-shadow:0 0 0 1px rgba(124,196,255,.22),0 0 38px rgba(124,196,255,.26),0 0 120px rgba(124,196,255,.16)}
.chip{display:inline-flex;align-items:center;gap:10px;padding:10px 18px;border:1px solid rgba(124,196,255,.5);border-radius:999px;background:rgba(124,196,255,.08);color:#fff;font-weight:700;box-shadow:0 0 24px rgba(124,196,255,.24)}
.chip svg{color:var(--accent)}
.step{text-shadow:0 0 20px rgba(124,196,255,.6)}
.tag{text-shadow:0 0 14px rgba(124,196,255,.45)}
.eyebrow{text-shadow:0 0 16px rgba(124,196,255,.5)}
.pulse{animation:pulse 1.8s ease-in-out infinite}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.8)}}
@keyframes fxin1{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes fxin2{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes flash1{0%{box-shadow:0 0 0 1px rgba(124,196,255,.95),0 0 64px rgba(124,196,255,.75),0 0 150px rgba(124,196,255,.4)}100%{box-shadow:0 0 0 1px rgba(124,196,255,.22),0 0 38px rgba(124,196,255,.26),0 0 120px rgba(124,196,255,.16)}}
@keyframes flash2{0%{box-shadow:0 0 0 1px rgba(124,196,255,.95),0 0 64px rgba(124,196,255,.75),0 0 150px rgba(124,196,255,.4)}100%{box-shadow:0 0 0 1px rgba(124,196,255,.22),0 0 38px rgba(124,196,255,.26),0 0 120px rgba(124,196,255,.16)}}
@keyframes badge1{0%{opacity:0;transform:translateY(-4px)}10%{opacity:1;transform:none}78%{opacity:1}100%{opacity:0}}
@keyframes badge2{0%{opacity:0;transform:translateY(-4px)}10%{opacity:1;transform:none}78%{opacity:1}100%{opacity:0}}
.fx1{animation:fxin1 .7s ease-out both}.fx2{animation:fxin2 .7s ease-out both}
.fl1{animation:flash1 1.4s ease-out}.fl2{animation:flash2 1.4s ease-out}
.bd1{animation:badge1 4.5s ease-out forwards}.bd2{animation:badge2 4.5s ease-out forwards}
@media (prefers-reduced-motion: reduce){.pulse,.fx1,.fx2,.fl1,.fl2,.bd1,.bd2{animation:none}}

:root{--accent:#7cc4ff}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{-webkit-tap-highlight-color:rgba(124,196,255,.15)}
.page{width:100%;background:#070b14;color:#f4f8ff;font-family:'DM Sans',system-ui,sans-serif}
.wrap{padding-left:max(24px,env(safe-area-inset-left));padding-right:max(24px,env(safe-area-inset-right))}
.skip{position:absolute;left:-9999px;top:0;background:#fff;color:#06101f;padding:12px 16px;border-radius:8px;z-index:20}.skip:focus{left:12px;top:12px}
:focus-visible{outline:3px solid #7cc4ff;outline-offset:3px}
[hidden]{display:none!important}
/* forms */
.lbl{display:block;font-weight:700;font-size:14px;margin:18px 0 8px}
.in{-webkit-appearance:none;appearance:none;width:100%;box-sizing:border-box;min-height:48px;padding:0 14px;border-radius:10px;border:1px solid rgba(255,255,255,.2);background:#070b14;color:#fff;font:500 16px 'DM Sans',sans-serif}
.in:focus{outline:none;border-color:#7cc4ff;box-shadow:0 0 0 3px rgba(124,196,255,.25),0 0 22px rgba(124,196,255,.35)}
.chk{display:flex;gap:12px;align-items:flex-start;color:#a9b8d0;line-height:1.5;margin-top:16px;font-size:15px}
.chk input{width:20px;height:20px;margin-top:2px;accent-color:#7cc4ff;flex:0 0 auto}
.btn[disabled]{opacity:.65;cursor:wait}
.msg{margin-top:16px;padding:14px 16px;border-radius:10px;font-weight:700;line-height:1.5}
.msg.err{background:rgba(255,99,99,.12);border:1px solid rgba(255,120,120,.5);color:#ffb4b4}
.msg.ok{background:rgba(124,196,255,.10);border:1px solid rgba(124,196,255,.5);color:#dff0ff}
.small{color:#8fa3c2;font-size:14px;line-height:1.55}
.narrow{max-width:520px;margin:0 auto}
.authwrap{position:relative;overflow:hidden;min-height:78vh}
.authglow{position:absolute;left:50%;top:60px;width:760px;height:760px;margin-left:-380px;background:radial-gradient(closest-side,rgba(124,196,255,.26),rgba(124,196,255,0));pointer-events:none}
.linkbtn{background:none;border:0;color:#7cc4ff;font:700 15px 'DM Sans',sans-serif;cursor:pointer;padding:0;text-decoration:underline}
/* account */
.seg{display:flex;flex-wrap:wrap;gap:12px}.seg label{flex:1 1 200px;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:14px 16px;cursor:pointer;line-height:1.4}
.seg input{accent-color:#7cc4ff;margin-right:8px}.seg label:has(input:checked){border-color:#7cc4ff;box-shadow:0 0 24px rgba(124,196,255,.25)}
.orders{width:100%;border-collapse:collapse;font-size:15px}.orders th{color:#8fa3c2;text-align:left;font-weight:700;padding:10px 12px 10px 0}.orders td{padding:12px 12px 12px 0;border-top:1px solid rgba(255,255,255,.1);vertical-align:top}
.status{display:inline-block;padding:3px 10px;border-radius:999px;font-weight:700;font-size:13px;border:1px solid rgba(255,255,255,.3)}
.status.paid{border-color:rgba(124,196,255,.7);color:#7cc4ff}
/* success check */
.sealwrap{position:relative;width:96px;height:96px}
.seal-ring{position:absolute;left:0;top:0;width:96px;height:96px;box-sizing:border-box;border:3px solid #7cc4ff;border-radius:50%;opacity:0;animation:sealring 1s ease-out 1.15s}
.seal-bg{opacity:0;animation:sealbg .5s ease-out .1s forwards}
.seal-c{stroke-dasharray:272;stroke-dashoffset:272;transform:rotate(-90deg);transform-origin:48px 48px;animation:sealdraw .7s cubic-bezier(.65,0,.35,1) .15s forwards}
.seal-p{stroke-dasharray:62;stroke-dashoffset:62;animation:sealdraw .45s cubic-bezier(.65,0,.35,1) .8s forwards}
@keyframes sealbg{to{opacity:1}}@keyframes sealdraw{to{stroke-dashoffset:0}}
@keyframes sealring{0%{opacity:.45;transform:scale(1)}100%{opacity:0;transform:scale(1.4)}}
@media (prefers-reduced-motion: reduce){.seal-bg{animation:none;opacity:1}.seal-c,.seal-p{animation:none;stroke-dashoffset:0}.seal-ring{display:none}}
/* phones */
@media (max-width:600px){.wrap{padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}.sec{padding:64px 0}.card{padding:22px 18px}.orders{font-size:14px}}