:root{--vw:min(1vw,4.8px)}
/* ============ Página de assinar (entrar.html) ============ */
.as{--gl:rgba(120,180,255,.2);width:min(480px,100%);margin:0 auto;padding:6px 0 72px;position:relative;font-family:var(--b)}
.as svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.as [hidden]{display:none!important}

/* --- fundo --- */
.as-bg{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.as-img{will-change:transform;position:absolute;inset:-4%;background:center/cover no-repeat;opacity:0;transform:scale(1.12);transition:opacity 1.6s ease}
.as-bg.has-img .as-img{opacity:1;animation:asKen 26s ease-in-out 1.6s infinite alternate;transform:scale(1.06)}
.as-shade{position:absolute;inset:0;background:radial-gradient(120% 70% at 50% 0%,rgba(5,11,24,.15),rgba(5,11,24,.82) 70%),linear-gradient(180deg,rgba(5,11,24,.35),rgba(5,11,24,.9))}
.as-bg:not(.has-img) .as-shade{background:linear-gradient(180deg,rgba(5,11,24,.1),rgba(5,11,24,.55))}
.as-orb{position:absolute;width:62vmax;height:62vmax;max-width:640px;max-height:640px;border-radius:50%;will-change:transform;opacity:0;animation:asOrbIn 2s ease .2s forwards,asDrift 18s ease-in-out infinite alternate}
.as-orb.o1{left:-22%;top:-12%;background:radial-gradient(closest-side,rgba(20,149,255,.55),transparent)}
.as-orb.o2{right:-26%;bottom:-18%;background:radial-gradient(closest-side,rgba(110,90,255,.42),transparent);animation-delay:.5s,0s;animation-direction:normal,alternate-reverse}
@keyframes asKen{to{transform:scale(1.16) translate(-1.5%,-1%)}}
@keyframes asOrbIn{to{opacity:1}}
@keyframes asDrift{to{transform:translate(8%,10%) scale(1.12)}}

/* --- etapas --- */
.as-steps{list-style:none;margin:6px 0 26px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);position:relative}
.as-steps li{position:relative;z-index:1;display:grid;justify-items:center;gap:8px;font:700 11.5px var(--d);letter-spacing:.06em;text-transform:uppercase;color:rgba(185,197,220,.55);transition:color .5s}
.as-steps li i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font:800 13px var(--d);font-style:normal;background:#0a1a38;border:1.5px solid rgba(120,180,255,.3);transition:background .5s,border-color .5s,box-shadow .5s,transform .5s}
.as-steps li.on,.as-steps li.done{color:#fff}
.as-steps li.on i{background:var(--blue);border-color:transparent;box-shadow:0 0 0 5px rgba(20,149,255,.2),0 8px 22px -6px rgba(20,149,255,.9);position:relative}
.as-steps li.on i::before{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid rgba(77,180,255,.55);animation:asRing2 2.4s ease-out infinite;pointer-events:none}
@keyframes asRing2{0%{opacity:.9;transform:scale(1)}100%{opacity:0;transform:scale(1.55)}}
.as-steps li.done i{background:rgba(20,149,255,.22);border-color:var(--blue);color:transparent;position:relative}
.as-steps li.done i::after{content:"";position:absolute;width:9px;height:5px;border-left:2px solid #8cc8ff;border-bottom:2px solid #8cc8ff;transform:rotate(-45deg) translate(1px,-1px)}
.as-track{position:absolute;top:14px;left:16.66%;right:16.66%;height:2px;border-radius:2px;background:rgba(120,180,255,.18);overflow:hidden}
.as-track b{display:block;height:100%;background:linear-gradient(90deg,#4db4ff,#7b8cff);transform-origin:left;transform:scaleX(var(--p,0));transition:transform 1.1s cubic-bezier(.2,.8,.2,1)}
.as-steps li{opacity:0;animation:asDown .6s cubic-bezier(.22,1,.36,1) both}
.as-steps li:nth-child(1){animation-delay:.1s}.as-steps li:nth-child(2){animation-delay:.2s}.as-steps li:nth-child(3){animation-delay:.3s}
.as-track{opacity:0;animation:asFade .8s ease .45s both}
@keyframes asRing{50%{box-shadow:0 0 0 9px rgba(20,149,255,.08),0 8px 22px -6px rgba(20,149,255,.9)}}
@keyframes asDown{from{opacity:0;transform:translate3d(0,-10px,0)}to{opacity:1;transform:none}}
@keyframes asFade{to{opacity:1}}

/* --- cabeçalho da etapa --- */
.as-head{display:grid;gap:12px;margin-bottom:22px;justify-items:start}
.as-eyebrow{display:inline-flex;align-items:center;gap:8px;font:700 10.5px var(--d);letter-spacing:.14em;text-transform:uppercase;color:#8cc8ff;background:rgba(20,149,255,.12);border:1px solid rgba(20,149,255,.3);padding:6px 12px;border-radius:99px;position:relative;overflow:hidden}
.as-eyebrow i{width:6px;height:6px;border-radius:50%;background:var(--blue);box-shadow:0 0 8px 1px rgba(20,149,255,.9);animation:asPulse 1.8s ease-in-out infinite}
.as-eyebrow::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:translateX(-130%) skewX(-18deg);animation:asShine 3.8s ease-in-out 1.6s infinite}
.as .as-head h1{font:800 clamp(28px,calc(8*var(--vw)),36px)/1.12 var(--d);letter-spacing:-.03em;max-width:none;margin:0}
.as-sub{color:var(--mut);font-size:15px;line-height:1.55;margin:0;max-width:none}
.as-w{display:inline-block;white-space:nowrap}
.as-c{display:inline-block;transform-origin:50% 100%}
.as-hl{font-style:normal}
.as-hl .as-c{background:linear-gradient(90deg,#5ac0ff,#9aa8ff,#5ac0ff);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
@keyframes asPulse{50%{opacity:.35;transform:scale(.7)}}
@keyframes asShine{0%,45%{transform:translateX(-130%) skewX(-18deg)}100%{transform:translateX(230%) skewX(-18deg)}}

/* --- cartão --- */
.as-card{position:relative;border-radius:26px;padding:22px 18px 20px;display:grid;gap:14px;background:linear-gradient(170deg,rgba(16,40,82,.8),rgba(4,10,24,.93) 75%);border:1px solid var(--gl);box-shadow:0 30px 70px -30px rgba(0,0,0,.9),0 0 60px -30px rgba(20,149,255,.6),inset 0 1px 0 rgba(255,255,255,.08)}
.as-card::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1.5px;background:conic-gradient(from 200deg,transparent 0 55%,rgba(140,210,255,.95) 78%,transparent 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none;opacity:0}

/* --- campos --- */
.as-f{display:grid;gap:6px}
.as-box{position:relative;border-radius:16px;background:rgba(3,9,22,.72);border:1px solid var(--gl);transition:border-color .25s,box-shadow .25s,background .25s}
.as-box:focus-within{border-color:rgba(77,180,255,.8);box-shadow:0 0 0 4px rgba(20,149,255,.16),0 10px 30px -14px rgba(20,149,255,.7);background:rgba(4,12,30,.9)}
.as-box .as-ic{position:absolute;left:16px;top:50%;width:20px;height:20px;margin-top:-10px;color:#6fa6dd;transition:color .25s,transform .3s}
.as-box:focus-within .as-ic{color:#5ac0ff;transform:scale(1.1)}
.as-box input{width:100%;height:58px;padding:22px 48px 6px 46px;border:0;border-radius:16px;background:none;color:#fff;font:500 16px var(--b);outline:0;min-height:58px}
.as-box label{position:absolute;left:46px;top:50%;transform:translateY(-50%);font:500 15.5px var(--b);color:#8d9db9;pointer-events:none;transition:top .22s cubic-bezier(.2,.8,.2,1),font-size .22s,color .22s;transform-origin:left}
.as-box input:focus+label,.as-box input:not(:placeholder-shown)+label{top:15px;font-size:11.5px;font-weight:600;color:#7fc0ff;letter-spacing:.02em}
.as-line{position:absolute;left:14px;right:14px;bottom:-1px;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,#4db4ff,#7b8cff,transparent);transform:scaleX(0);transition:transform .45s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.as-box:focus-within .as-line{transform:scaleX(1)}
.as-box input:-webkit-autofill{-webkit-text-fill-color:#fff;-webkit-box-shadow:0 0 0 60px #06122a inset;caret-color:#fff}
.as-box input[aria-invalid=true]{color:#fff}
.as-f.bad .as-box{border-color:var(--red);animation:asShake .45s}
.as-err{font-size:12.5px;color:#ff8a96;padding-left:4px;min-height:0;display:block;max-height:0;opacity:0;overflow:hidden;transition:max-height .3s,opacity .3s}
.as-err:not(:empty){max-height:40px;opacity:1}
.as-eye{position:absolute;right:6px;top:50%;margin-top:-20px;width:40px;height:40px;border:0;border-radius:12px;background:none;color:#7fa3cf;display:grid;place-items:center;cursor:pointer;transition:color .2s,background .2s}
.as-eye svg{width:20px;height:20px}.as-eye .sl{stroke-dasharray:26;stroke-dashoffset:26;transition:stroke-dashoffset .3s}
.as-eye[aria-pressed=true]{color:#5ac0ff}.as-eye[aria-pressed=true] .sl{stroke-dashoffset:0}
@media(hover:hover){.as-eye:hover{background:rgba(120,180,255,.12);color:#fff}}
.as-meter{display:grid;grid-template-columns:repeat(4,1fr) auto;gap:5px;align-items:center;max-height:0;opacity:0;overflow:hidden;transition:max-height .35s,opacity .35s;margin-top:-2px}
.as-meter.on{max-height:20px;opacity:1}
.as-meter i{height:4px;border-radius:4px;background:rgba(120,180,255,.18);transition:background .35s,transform .35s;transform-origin:left}
.as-meter span{font:600 11.5px var(--b);color:#9fb0cc;padding-left:6px;min-width:56px}
.as-meter[data-l="1"] i:nth-child(-n+1){background:#ff6b78}
.as-meter[data-l="2"] i:nth-child(-n+2){background:#ffb24d}
.as-meter[data-l="3"] i:nth-child(-n+3){background:#5ac0ff}
.as-meter[data-l="4"] i{background:#43d18a}
@keyframes asShake{20%{transform:translateX(-6px)}40%{transform:translateX(5px)}60%{transform:translateX(-3px)}80%{transform:translateX(2px)}}

/* --- dropdown de plano --- */
.as-dd{position:relative;z-index:1}
.as-dd.open{z-index:40}
.as-dt{width:100%;display:flex;align-items:center;gap:12px;padding:11px 14px 11px 16px;min-height:64px;border-radius:16px;background:rgba(3,9,22,.72);border:1px solid var(--gl);color:#fff;text-align:left;cursor:pointer;transition:border-color .25s,box-shadow .25s,background .25s}
.as-dd.open .as-dt,.as-dt:focus-visible{border-color:rgba(77,180,255,.8);box-shadow:0 0 0 4px rgba(20,149,255,.16);background:rgba(4,12,30,.9);outline:0}
.as-dtx{display:grid;gap:1px;flex:1;min-width:0}
.as-dtx small{font:600 11px var(--b);color:#7fc0ff;letter-spacing:.04em}
.as-dtx b{font:700 16px var(--d);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.as-dpr{font:800 17px var(--price);letter-spacing:-.02em;white-space:nowrap}
.as-dpr small{font:600 12px var(--b);color:var(--mut);margin-left:2px}
.as-dpr.sw{animation:asSwap .4s cubic-bezier(.2,.8,.2,1)}
.as-dtx b.sw{animation:asSwap .4s cubic-bezier(.2,.8,.2,1)}
@keyframes asSwap{from{opacity:0;transform:translateY(8px)}}
.as-chev{width:20px;height:20px;color:#8cc8ff;flex:none;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.as-dd.open .as-chev{transform:rotate(180deg)}
.as-dlist{position:absolute;left:0;right:0;top:calc(100% + 8px);list-style:none;margin:0;padding:6px;border-radius:18px;background:linear-gradient(170deg,#0c1e40,#050c1c);border:1px solid rgba(120,180,255,.28);box-shadow:0 30px 60px -20px rgba(0,0,0,.95),0 0 40px -20px rgba(20,149,255,.7);visibility:hidden;opacity:0;transform:translateY(-10px) scale(.97);transform-origin:top;transition:opacity .25s,transform .3s cubic-bezier(.2,.8,.2,1),visibility 0s .3s;outline:0}
.as-dd.open .as-dlist{visibility:visible;opacity:1;transform:none;transition-delay:0s}
.as-dlist li{display:flex;align-items:center;gap:12px;padding:13px 12px;border-radius:13px;cursor:pointer;opacity:0;transform:translateX(-10px);transition:opacity .3s,transform .35s cubic-bezier(.2,.8,.2,1),background .2s}
.as-dd.open .as-dlist li{opacity:1;transform:none;transition-delay:calc(var(--k)*60ms + 60ms),calc(var(--k)*60ms + 60ms),0s}
.as-dlist li:hover,.as-dlist li.act{background:rgba(20,149,255,.14)}
.as-dlist li .o-t{flex:1;display:grid;gap:3px;min-width:0}
.as-dlist li .o-t b{font:700 15px var(--d);display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.as-dlist li .o-t span{font-size:12.5px;color:var(--mut)}
.as-dlist li em{font:700 10px var(--d);font-style:normal;letter-spacing:.06em;text-transform:uppercase;color:#06210f;background:#43d18a;padding:2px 8px;border-radius:99px}
.as-dlist li .o-p{font:800 16px var(--price);white-space:nowrap}
.as-dlist li .o-p small{font:600 11.5px var(--b);color:var(--mut)}
.as-dlist li .o-k{width:20px;height:20px;border-radius:50%;border:1.5px solid rgba(120,180,255,.35);display:grid;place-items:center;flex:none;transition:background .2s,border-color .2s}
.as-dlist li .o-k svg{width:12px;height:12px;stroke:#fff;stroke-width:3;stroke-dasharray:20;stroke-dashoffset:20;transition:stroke-dashoffset .35s .05s}
.as-dlist li[aria-selected=true] .o-k{background:var(--blue);border-color:transparent}
.as-dlist li[aria-selected=true] .o-k svg{stroke-dashoffset:0}

/* --- total + botão --- */
.as-total{display:flex;justify-content:space-between;align-items:baseline;padding:14px 4px 2px;border-top:1px dashed rgba(120,180,255,.25);margin-top:2px}
.as-total span{color:var(--mut);font-size:14px}
.as-total b{font:800 26px var(--price);letter-spacing:-.03em;color:#fff}
.as-msg{margin:0}
.as-btn{width:100%;position:relative}
.as-bl{display:inline-flex;align-items:center;gap:10px;transition:opacity .25s,transform .35s cubic-bezier(.2,.8,.2,1)}
.as-bl svg{width:20px;height:20px;stroke-width:2.2;transition:transform .3s}
@media(hover:hover){.as-btn:hover .as-bl svg{transform:translateX(5px)}}
.as-bs{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:6px;opacity:0;transform:scale(.8);transition:opacity .25s,transform .3s;pointer-events:none}
.as-bs i{width:8px;height:8px;border-radius:50%;background:#fff;animation:asDot 1s ease-in-out infinite}
.as-bs i:nth-child(2){animation-delay:.15s}.as-bs i:nth-child(3){animation-delay:.3s}
.as-btn.busy{pointer-events:none}.as-btn.busy .as-bl{opacity:0;transform:translateY(-8px)}.as-btn.busy .as-bs{opacity:1;transform:none}
@keyframes asDot{0%,100%{transform:translateY(0);opacity:.5}50%{transform:translateY(-6px);opacity:1}}
.as-btn.go-glow{animation:asGlow 2.8s ease-in-out infinite}
@keyframes asGlow{50%{box-shadow:0 14px 40px -8px rgba(20,149,255,.95),inset 0 1px 0 rgba(255,255,255,.4)}}
.as-rip{position:absolute;border-radius:50%;background:rgba(255,255,255,.4);transform:scale(0);animation:asRip .65s ease-out forwards;pointer-events:none}
@keyframes asRip{to{transform:scale(1);opacity:0}}
.as-legal{margin:2px 0 0;text-align:center;font-size:12.5px;line-height:1.5;color:#8d9db9}
.as-legal a{color:#9bd0ff;text-decoration:underline;text-underline-offset:3px}
.as-trust{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px}
.as-trust li{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:#9fb0cc}
.as-trust svg{width:16px;height:16px;color:#5ac0ff}

/* --- pagamento --- */
.as-view#vPay{width:100%}
.as-pgrid{display:grid;gap:14px}
.as-pcol{display:grid;gap:14px;align-content:start}
.as-qrc{justify-items:center;text-align:center;gap:16px}
.as-qtop{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px}
.as-chip{display:inline-flex;align-items:center;gap:8px;font:700 12.5px var(--d);color:#ffd27a;background:rgba(255,178,77,.12);border:1px solid rgba(255,178,77,.35);padding:7px 12px;border-radius:99px}
.as-chip i{width:8px;height:8px;border-radius:50%;background:#ffb24d;box-shadow:0 0 0 0 rgba(255,178,77,.7);animation:asPing 1.6s ease-out infinite}
.as-chip.off{color:#ff9aa5;background:rgba(255,77,94,.12);border-color:rgba(255,77,94,.35)}.as-chip.off i{background:var(--red);animation:none}
@keyframes asPing{70%{box-shadow:0 0 0 9px rgba(255,178,77,0)}100%{box-shadow:0 0 0 0 rgba(255,178,77,0)}}
.as-timer{position:relative;width:48px;height:48px;flex:none;display:grid;place-items:center}
.as-timer svg{position:absolute;inset:0;transform:rotate(-90deg);stroke-width:3}
.as-timer .rt{stroke:rgba(120,180,255,.18)}.as-timer .rf{stroke:#5ac0ff;stroke-dasharray:125.66;stroke-dashoffset:0;transition:stroke-dashoffset 1s linear,stroke .4s}
.as-timer span{font:700 10.5px var(--d);font-variant-numeric:tabular-nums;color:#fff;position:relative}
.as-qrt{position:relative;width:min(250px,100%);aspect-ratio:1;padding:18px;border-radius:24px;background:#fff;box-shadow:0 20px 50px -18px rgba(20,149,255,.75),0 0 0 6px rgba(255,255,255,.06)}
.as-qr{width:100%;height:100%;display:grid;place-items:center;transition:filter .5s,opacity .5s}
.as-qr svg,.as-qr img{width:100%;height:100%;display:block;fill:#06122a;stroke:none}
.as-br{position:absolute;width:26px;height:26px;border:3px solid #1495ff;pointer-events:none}
.as-br.b1{top:8px;left:8px;border-right:0;border-bottom:0;border-top-left-radius:10px}
.as-br.b2{top:8px;right:8px;border-left:0;border-bottom:0;border-top-right-radius:10px}
.as-br.b3{bottom:8px;left:8px;border-right:0;border-top:0;border-bottom-left-radius:10px}
.as-br.b4{bottom:8px;right:8px;border-left:0;border-top:0;border-bottom-right-radius:10px}
.as-scan{position:absolute;left:14px;right:14px;top:14px;height:3px;border-radius:3px;background:linear-gradient(90deg,transparent,#1495ff,transparent);box-shadow:0 0 16px 3px rgba(20,149,255,.7);opacity:0}
.as-exp{position:absolute;inset:0;border-radius:24px;background:rgba(5,11,24,.9);display:grid;place-content:center;justify-items:center;gap:12px;opacity:0;visibility:hidden;transition:opacity .4s}
.as-exp b{font:800 17px var(--d);color:#fff}
.as-qrt.expired .as-exp{opacity:1;visibility:visible}.as-qrt.expired .as-scan{display:none}
.as-amount{display:grid;gap:2px}.as-amount span{font-size:13px;color:var(--mut)}
.as-amount b{font:800 clamp(34px,calc(10*var(--vw)),42px)/1 var(--price);letter-spacing:-.04em;background:linear-gradient(180deg,#fff,#b9d8ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.as-qhint{margin:0;font-size:13.5px;line-height:1.55;color:var(--mut);max-width:30ch}.as-qhint b{color:#fff}
.as-ch{display:grid;gap:2px}.as-ch b{font:800 17px var(--d);letter-spacing:-.015em}.as-ch span{font-size:13px;color:var(--mut)}
.as-code{font:500 12px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#bcd4f2;background:rgba(3,9,22,.8);border:1px dashed rgba(120,180,255,.35);border-radius:14px;padding:12px 14px;word-break:break-all;max-height:84px;overflow:hidden;position:relative;user-select:all;-webkit-user-select:all;cursor:pointer}
.as-code::after{content:"";position:absolute;left:0;right:0;bottom:0;height:28px;background:linear-gradient(transparent,rgba(3,9,22,.95));pointer-events:none}
.as-code.sel{max-height:none}.as-code.sel::after{display:none}
.as-cp{display:inline-grid;grid-template-columns:auto auto;align-items:center;gap:10px}
.as-cp svg{width:20px;height:20px;grid-area:1/1;transition:opacity .25s,transform .35s cubic-bezier(.3,1.6,.5,1)}
.as-cp .i2{opacity:0;transform:scale(.3) rotate(-60deg);stroke-width:2.6;stroke-dasharray:24;stroke-dashoffset:24}
.as-cp span{grid-area:1/2;margin-left:30px}
.as-btn.copied{background:linear-gradient(135deg,#43d18a,#1fa766)!important;box-shadow:0 12px 30px -10px rgba(67,209,138,.8)!important}
.as-btn.copied .i1{opacity:0;transform:scale(.3) rotate(60deg)}
.as-btn.copied .i2{opacity:1;transform:none;stroke-dashoffset:0;transition:stroke-dashoffset .4s .1s,opacity .2s,transform .35s}
.as-sum dl{margin:0;display:grid;grid-template-columns:1fr;gap:0}
.as-sum dl>div{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid rgba(120,180,255,.12);font-size:14px}
.as-sum dt{color:var(--mut)}.as-sum dd{margin:0;font-weight:600;text-align:right;overflow-wrap:anywhere}
.as-sum .tt{border:0;padding-top:14px;align-items:baseline}.as-sum .tt dd{font:800 22px var(--price);letter-spacing:-.02em}
.as-how ol{list-style:none;margin:0;padding:0;display:grid;position:relative}
.as-how li{display:flex;gap:14px;align-items:flex-start;padding-bottom:18px;position:relative}
.as-how li:last-child{padding-bottom:0}
.as-how li i{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font:800 13px var(--d);font-style:normal;background:rgba(20,149,255,.16);border:1px solid rgba(20,149,255,.5);color:#9bd0ff;position:relative;z-index:1}
.as-how li:not(:last-child)::before{content:"";position:absolute;left:14.5px;top:30px;bottom:0;width:1.5px;background:linear-gradient(rgba(20,149,255,.5),rgba(20,149,255,.08));transform-origin:top;transform:scaleY(0)}
.as-how li div{display:grid;gap:2px;padding-top:3px}.as-how li b{font:700 14.5px var(--d)}.as-how li span{font-size:13px;color:var(--mut)}
.as-act{display:grid;gap:12px;justify-items:center}
.as-lnk{background:none;border:0;color:#9bd0ff;font:600 13.5px var(--b);text-decoration:none;cursor:pointer;padding:6px 8px}
.as-lnk:hover{text-decoration:underline;text-underline-offset:3px}
.as-back{color:var(--mut)}
.as-secure{margin:0;display:flex;align-items:center;justify-content:center;gap:8px;font-size:12.5px;color:#8d9db9;text-align:center}
.as-secure svg{width:16px;height:16px;color:#43d18a;flex:none}

/* --- confirmado --- */
.as-ok{justify-items:center;text-align:center;gap:14px;padding:34px 22px}
.as-ok h1{font:800 clamp(26px,calc(7*var(--vw)),32px)/1.15 var(--d);letter-spacing:-.03em;margin:0}
.as-okc{position:relative;width:96px;height:96px;margin-bottom:6px}
.as-okc svg{width:96px;height:96px;stroke:#43d18a;stroke-width:3.5}
.as-okc .c{stroke-dasharray:214;stroke-dashoffset:214;fill:rgba(67,209,138,.12)}
.as-okc .k{stroke-dasharray:50;stroke-dashoffset:50}
.as-okc i{position:absolute;left:50%;top:50%;width:8px;height:8px;margin:-4px;border-radius:50%;background:var(--c,#5ac0ff);opacity:0}
.as-okc i:nth-of-type(1){--c:#5ac0ff;--x:-58px;--y:-46px}.as-okc i:nth-of-type(2){--c:#43d18a;--x:60px;--y:-40px}.as-okc i:nth-of-type(3){--c:#ffb24d;--x:-64px;--y:30px}
.as-okc i:nth-of-type(4){--c:#9aa8ff;--x:62px;--y:38px}.as-okc i:nth-of-type(5){--c:#ff6b78;--x:0;--y:-70px}.as-okc i:nth-of-type(6){--c:#fff;--x:2px;--y:70px}

/* ============ ANIMAÇÕES DE ENTRADA (por elemento) ============ */
.as-go [data-a]{animation:asUp .7s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--i,0)*85ms + 220ms)}
@keyframes asUp{from{opacity:0;transform:translate3d(0,18px,0)}}
.as-go .as-card{animation:asCard .8s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--i,0)*85ms + 150ms)}
.as-go .as-card::before{animation:asSweep 1.4s ease-out both;animation-delay:calc(var(--i,0)*85ms + 600ms)}
@keyframes asCard{from{opacity:0;transform:translate3d(0,28px,0) scale(.975)}}
@keyframes asSweep{0%{opacity:0}35%{opacity:1}100%{opacity:0}}
.as-go .as-eyebrow{animation:asClip .6s cubic-bezier(.22,1,.36,1) both;animation-delay:.2s}
@keyframes asClip{from{opacity:0;transform:translate3d(-10px,0,0)}}
.as-go .as-c{animation:asChar .6s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--c)*16ms + 180ms)}
@keyframes asChar{from{opacity:0;transform:translate3d(0,.45em,0)}}
.as-go .as-f{animation-name:asUp}
.as-go .as-box{animation:asWipe .7s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--i,0)*85ms + 300ms)}
@keyframes asWipe{from{opacity:0;transform:translate3d(-14px,0,0)}}
.as-go .as-box .as-ic{animation:asPop .5s cubic-bezier(.3,1.5,.5,1) both;animation-delay:calc(var(--i,0)*85ms + 700ms)}
@keyframes asPop{from{opacity:0;transform:scale(0) rotate(-50deg)}}
.as-go .as-dd .as-dt{animation:asWipe .7s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--i,0)*85ms + 300ms)}
.as-go .as-btn[data-a]{animation:asUp .7s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--i,0)*85ms + 220ms)}
.as-go .as-btn[data-a]::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(100deg,transparent,rgba(255,255,255,.4),transparent);transform:translateX(-130%) skewX(-18deg);animation:asShine 4s ease-in-out 2.4s infinite;pointer-events:none;z-index:1}
.as-go .as-btn.btn--g[data-a]::before{display:none}
.as-go .as-btn.btn--g[data-a]{animation:asUp .7s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--i,0)*85ms + 220ms)}
.as-go .as-trust li{animation:asPop2 .5s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--i,0)*85ms + 220ms)}
@keyframes asPop2{from{opacity:0;transform:translate3d(0,10px,0) scale(.9)}}
.as-go .as-trust svg{animation:asPop .5s cubic-bezier(.3,1.5,.5,1) both;animation-delay:calc(var(--i,0)*85ms + 600ms)}
/* pagamento */
.as-go .as-qrt{animation:asFlip .7s cubic-bezier(.22,1,.36,1) both;animation-delay:.35s}
@keyframes asFlip{from{opacity:0;transform:scale(.92)}}
.as-go .as-br{animation:asBr .5s cubic-bezier(.22,1,.36,1) both;animation-delay:.6s}
@keyframes asBr{from{opacity:0;transform:scale(.6)}}
.as-go .as-scan{animation:asScan 2.8s ease-in-out 1.2s infinite}
@keyframes asScan{0%{opacity:0;transform:translate3d(0,0,0)}12%{opacity:1}88%{opacity:1}100%{opacity:0;transform:translate3d(0,214px,0)}}
.as-go .as-how li{animation:asLeft .6s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--i,0)*85ms + 220ms)}
@keyframes asLeft{from{opacity:0;transform:translate3d(-14px,0,0)}}
.as-go .as-how li:not(:last-child)::before{animation:asLine .6s ease both;animation-delay:calc(var(--i,0)*85ms + 520ms)}
@keyframes asLine{to{transform:scaleY(1)}}
.as-go .as-sum dl div{animation:asLeft .6s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--i,0)*85ms + 420ms)}
.as-go .as-sum dl div:nth-child(2){animation-delay:calc(var(--i,0)*85ms + 500ms)}.as-go .as-sum dl div:nth-child(3){animation-delay:calc(var(--i,0)*85ms + 580ms)}.as-go .as-sum dl div:nth-child(4){animation-delay:calc(var(--i,0)*85ms + 660ms)}
/* confirmado */
.as-go .as-okc .c{animation:asDraw 1s cubic-bezier(.6,0,.2,1) .35s both}
.as-go .as-okc .k{animation:asDraw .6s cubic-bezier(.6,0,.2,1) 1.1s both}
@keyframes asDraw{to{stroke-dashoffset:0}}
.as-go .as-okc i{animation:asBurst 1s cubic-bezier(.2,.8,.2,1) 1.2s both}
@keyframes asBurst{0%{opacity:1;transform:translate(0,0) scale(.4)}100%{opacity:0;transform:translate(var(--x),var(--y)) scale(1.1)}}
.as-view.leave{animation:asLeave .26s ease-out forwards;pointer-events:none}
@keyframes asLeave{to{opacity:0;transform:translate3d(0,-10px,0)}}

@media(min-width:99999px){
  .as{padding-top:18px}
  .as.wide{width:min(940px,100%)}
  .as.wide .as-head{justify-items:center;text-align:center}
  .as-pgrid{grid-template-columns:1fr 1fr;gap:18px;align-items:start}
  .as-card{padding:26px 24px 24px}
}
@media(min-width:900px) and (hover:hover){.as-card{-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%)}}
@media(prefers-reduced-motion:reduce){
  .as *,.as *::before,.as *::after,.as-bg *{animation:none!important;transition-duration:.01ms!important}
  .as-orb{opacity:1}
}

/* ===== aviso iPhone (antes de pagar) ===== */
.as-aw{display:grid;grid-template-rows:0fr;opacity:0;margin-top:-14px;transition:grid-template-rows .6s cubic-bezier(.2,.8,.2,1),opacity .45s,margin .6s cubic-bezier(.2,.8,.2,1)}
.as-aw.on{grid-template-rows:1fr;opacity:1;margin-top:0}
.as-awi{overflow:hidden;min-height:0}
.as-awc{display:grid;gap:10px;padding:14px 14px 12px;border-radius:16px;background:linear-gradient(160deg,rgba(20,149,255,.14),rgba(20,149,255,.05));border:1px solid rgba(20,149,255,.4);transform:translateY(-8px);transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.as-aw.on .as-awc{transform:none}
.as-awh{display:flex;align-items:center;gap:9px}.as-awh svg{width:20px;height:20px;color:#5ac0ff;flex:none}.as-awh b{font:700 14px var(--d)}
.as-awc p{margin:0;font-size:13px;line-height:1.6;color:#b9c9e2}.as-awc p b{color:#fff}
.as-ck{display:flex;align-items:flex-start;gap:12px;padding:12px;border-radius:13px;background:rgba(3,9,22,.6);border:1px solid var(--gl);cursor:pointer;font-size:13.5px;line-height:1.45;color:#e7eefb;transition:border-color .25s,background .25s}
.as-ck input{position:absolute;opacity:0;pointer-events:none}
.as-cbx{flex:none;width:22px;height:22px;border-radius:7px;border:1.5px solid rgba(140,200,255,.55);display:grid;place-items:center;transition:background .25s,border-color .25s,transform .3s cubic-bezier(.3,1.6,.5,1)}
.as-cbx svg{width:14px;height:14px;stroke:#fff;stroke-width:3;stroke-dasharray:22;stroke-dashoffset:22;transition:stroke-dashoffset .35s .05s}
.as-ck input:checked~.as-cbx{background:var(--blue);border-color:transparent;transform:scale(1.08)}
.as-ck input:checked~.as-cbx svg{stroke-dashoffset:0}
.as-ck:has(input:checked){border-color:rgba(77,180,255,.7);background:rgba(20,149,255,.1)}
.as-ck input:focus-visible~.as-cbx{outline:2px solid var(--blue);outline-offset:3px}
.as-ck.bad{border-color:var(--red);animation:asShake .45s}

/* ===== confirmado ===== */
.as-hc{justify-items:center;text-align:center;gap:14px}
.as-hc .as-sub{max-width:34ch}
.as-hc .as-okc{margin-bottom:2px}
.as-okc{width:92px;height:92px}.as-okc svg{width:92px;height:92px;position:relative;z-index:1}
.as-aura{position:absolute;inset:-34px;border-radius:50%;background:radial-gradient(closest-side,rgba(67,209,138,.55),transparent);opacity:0;pointer-events:none}
.as-okc::before,.as-okc::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid rgba(67,209,138,.6);opacity:0}
.as-eg{color:#7ce6ae;background:rgba(67,209,138,.12);border-color:rgba(67,209,138,.4)}.as-eg i{background:#43d18a;box-shadow:0 0 8px 1px rgba(67,209,138,.9)}
.as-go .as-aura{animation:asAura 3.2s ease-in-out .5s infinite}
@keyframes asAura{0%,100%{opacity:.35;transform:scale(.85)}50%{opacity:.9;transform:scale(1.1)}}
.as-go .as-okc::before{animation:asRipple 2.6s ease-out 1.2s infinite}.as-go .as-okc::after{animation:asRipple 2.6s ease-out 2.2s infinite}
@keyframes asRipple{0%{opacity:.9;transform:scale(.9)}100%{opacity:0;transform:scale(2.3)}}
.as-cred{gap:12px}
.as-cl{list-style:none;margin:0;padding:0;display:grid}
.as-cl li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid rgba(120,180,255,.13)}
.as-cl li:last-child{border-bottom:0}
.as-cl li>div{display:grid;gap:3px;min-width:0}
.as-cl small{font:600 11px var(--b);letter-spacing:.08em;text-transform:uppercase;color:#7fc0ff}
.as-cl b{font:600 15px/1.35 var(--b);color:#fff;overflow-wrap:anywhere}
#cEmail,#cPass{font:500 14.5px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.01em}
.as-pill{flex:none;font:700 11.5px var(--d);color:#7ce6ae;background:rgba(67,209,138,.12);border:1px solid rgba(67,209,138,.35);padding:5px 11px;border-radius:99px}
.as-cb{flex:none;width:42px;height:42px;border-radius:13px;display:grid;place-items:center;cursor:pointer;color:#9bd0ff;background:rgba(20,149,255,.12);border:1px solid rgba(20,149,255,.35);transition:background .2s,transform .2s,border-color .2s,color .2s}
.as-cb svg{grid-area:1/1;width:19px;height:19px;transition:opacity .25s,transform .35s cubic-bezier(.3,1.6,.5,1)}
.as-cb .i2{opacity:0;transform:scale(.3) rotate(-60deg);stroke-width:2.6}
.as-cb.copied{background:#43d18a;border-color:transparent;color:#05220f;transform:scale(1.06)}.as-cb.copied .i1{opacity:0;transform:scale(.3) rotate(60deg)}.as-cb.copied .i2{opacity:1;transform:none}
@media(hover:hover){.as-cb:hover{background:rgba(20,149,255,.28);transform:translateY(-1px)}}
.as-help{justify-self:center}
.as-dl{gap:14px}
.as-ea{margin-bottom:6px;width:fit-content}
.as-file{display:flex;align-items:center;gap:14px;padding:14px;border-radius:16px;background:rgba(3,9,22,.65);border:1px dashed rgba(120,180,255,.38)}
.as-fi{flex:none;width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(20,149,255,.35),rgba(20,149,255,.1));border:1px solid rgba(20,149,255,.5);color:#bfe1ff}
.as-fi svg{width:26px;height:26px}
.as-file>div:last-child{display:grid;gap:2px;min-width:0}.as-file b{font:700 15px var(--d);overflow-wrap:anywhere}.as-file span{font-size:12.5px;color:var(--mut)}
.as-go .as-fi{animation:asFloat 3.2s ease-in-out 1.6s infinite}
@keyframes asFloat{50%{transform:translateY(-4px)}}
.as-dnote{margin:-4px 0 0;font-size:13px;line-height:1.5;color:#7ce6ae;padding:10px 12px;border-radius:12px;background:rgba(67,209,138,.1);border:1px solid rgba(67,209,138,.3)}
.as-dnote:not([hidden]){animation:asUp .5s cubic-bezier(.2,.8,.2,1) both}
.as-btn.started{background:linear-gradient(135deg,#43d18a,#1fa766)!important;box-shadow:0 12px 30px -10px rgba(67,209,138,.8)!important}
.as-warn{display:flex;gap:12px;padding:14px;border-radius:16px;background:rgba(255,178,77,.1);border:1px solid rgba(255,178,77,.38)}
.as-warn svg{flex:none;width:22px;height:22px;color:#ffc46b;margin-top:1px}
.as-warn b{font:700 14px var(--d);color:#ffd9a0}.as-warn p{margin:4px 0 0;font-size:13px;line-height:1.6;color:#d6c3a3}
.as-warn.blue{background:rgba(20,149,255,.1);border-color:rgba(20,149,255,.4)}.as-warn.blue svg{color:#5ac0ff}.as-warn.blue b{color:#bfe1ff}.as-warn.blue p{color:#b9c9e2}
@keyframes asWarn{50%{box-shadow:0 0 0 4px rgba(255,178,77,.07)}}
.as-flat{margin-top:2px}
.as-cl2{justify-self:center;margin-top:-4px}
.as-cl2.copied{color:#7ce6ae}
.as-cf{position:fixed;top:-16px;left:var(--x);width:8px;height:14px;border-radius:2px;background:var(--c);opacity:0;z-index:70;pointer-events:none;animation:asFall var(--t) cubic-bezier(.2,.6,.4,1) var(--d) forwards}
@keyframes asFall{0%{opacity:1;transform:translate(0,0) rotate(0)}85%{opacity:1}100%{opacity:0;transform:translate(var(--dx),108vh) rotate(var(--r))}}
.as-go .as-cred::after{content:"";position:absolute;left:18px;right:18px;top:0;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,#43d18a,transparent);transform:scaleX(0);animation:asLine2 1.2s ease .9s forwards}
@keyframes asLine2{to{transform:scaleX(1)}}
@media(min-width:99999px){.as-hc .as-sub{max-width:46ch}}
#btnBoth{padding-inline:12px}#btnBoth .as-cp{white-space:nowrap;font-size:clamp(13.5px,calc(4*var(--vw)),16px);gap:8px}

/* ===== v2 — corrige o "pisca" ao abrir: o conteúdo só aparece quando a animação começa ===== */
.pre .as-view{opacity:0}