:root{color-scheme:dark;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#050611;color:#f2f7ff;font-synthesis:none}
*{box-sizing:border-box}
body{margin:0;min-height:100dvh;background:radial-gradient(ellipse 430px 440px at 33% 30%,#003dff28,transparent 75%),radial-gradient(ellipse 420px 440px at 68% 45%,#c000ff20,transparent 78%),#050611;-webkit-font-smoothing:antialiased}
button,a{-webkit-tap-highlight-color:transparent}
button{font:inherit;cursor:pointer}
button:disabled{opacity:.5;cursor:wait}
button:focus-visible,a:focus-visible{outline:2px solid #16ddff;outline-offset:5px}
[hidden]{display:none!important}
.checkout{width:min(416px,calc(100% - 36px));margin:0 auto;padding:36px 0 24px}
header{text-align:center;margin-bottom:23px}
.logo{display:block;border-radius:50%;margin:0 auto 12px;box-shadow:0 0 34px #5540ff44,0 0 60px #04cfff14;object-fit:contain}
.brand{font-size:17px;font-weight:650;letter-spacing:-.4px;margin:0}
.brand span{font-weight:400;color:#a9c6ff}
.demo{font-size:11px;line-height:1.5;text-align:center;color:#9bacd9;margin:0 0 14px}
.card{position:relative;border:1px solid transparent;border-radius:20px;background:linear-gradient(150deg,#10152b,#0d0a1b 65%) padding-box,linear-gradient(135deg,#06deffb3,#354cff88 42%,#d223ffb3 80%,#08dfff88) border-box;padding:25px 26px 0;box-shadow:0 20px 70px #0008,-8px 0 38px #055bff1f,8px 4px 38px #ba19ff1a}
.card:before{content:"";position:absolute;top:-1px;left:12%;width:76%;height:1px;background:linear-gradient(90deg,transparent,#11e5ff,#8c3dff,#f02bff,transparent)}
.card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;color:#9eadd0}
.status{background:#992aff18;border:1px solid #bb43ff55;color:#d5a6ff;font-size:10px;line-height:1.2;border-radius:20px;padding:5px 8px;white-space:nowrap}
.status.paused{color:#ffd9a0;background:#ff9d2a14;border-color:#ffb34d55}
.status.success{color:#9ce8d8;background:#35c5ab0d;border-color:#35c5ab33}
h1{font-size:36px;font-weight:650;letter-spacing:-1.3px;line-height:1.1;margin:18px 0 22px}
h1 span{font-size:16px;letter-spacing:-.2px;font-weight:400;color:#aabbe2;margin-left:8px}
.identity{display:flex;align-items:center;gap:11px;padding:13px 12px;background:linear-gradient(110deg,#1344bb18,#8815b214);border:1px solid #2b87f62e;border-radius:11px}
.avatar{width:33px;height:33px;display:grid;place-items:center;border:1px solid #28ceff70;border-radius:10px;background:linear-gradient(145deg,#076bff55,#9b20ff55);color:#c6f7ff;box-shadow:0 0 14px #194dff22;font-size:11px;font-weight:650;flex-shrink:0}
.identity>div{min-width:0;flex:1}
.identity strong{font-size:13px;font-weight:550;display:block;overflow-wrap:anywhere}
.identity>div>span{display:block;color:#899dca;font-family:ui-monospace,monospace;font-size:10px;margin-top:4px}
.identity-check{font-size:12px;color:#42e2ff}
.period{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:center;margin-top:23px}
.period>div>span{display:block;color:#90a4d1;font-size:11px;margin-bottom:6px}
.period strong{color:#e2f7ff;display:block;font-size:13px;font-weight:500;letter-spacing:-.1px}
.period>div:last-child{text-align:right}
.period-arrow{color:#32d2ff;font-size:18px}
.date-note{font-size:10px;color:#93a3c6;text-align:center;margin:12px 0 0;line-height:1.5}
.features{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin:20px 0 0;padding:14px 0;border-top:1px solid #ffffff0b;border-bottom:1px solid #ffffff0b;color:#a4c8f6;font-size:10px}
.features i{width:3px;height:3px;background:#48d7ff;border-radius:50%}
.price-row{display:flex;align-items:center;justify-content:space-between;margin:20px 0;gap:15px}
.price-row>span{font-size:12px;color:#9eadd0}
.price-row strong{color:#e2faff;text-shadow:0 0 18px #00bbff22;font-size:27px;font-weight:600;letter-spacing:-.8px}
.price-row strong.unset{font-size:19px;letter-spacing:-.3px}
.pay{width:100%;border:1px solid #5d9aff99;border-radius:10px;background:linear-gradient(105deg,#056aff,#4930ff 52%,#ad16f5);color:white;display:flex;align-items:center;justify-content:space-between;padding:14px 17px;font-size:13px;font-weight:600;min-height:48px;box-shadow:0 4px 23px #124fff55,0 0 13px #ab1fff20;transition:filter .15s}
.pay:hover{filter:brightness(1.12)}
.pay>span:last-child{font-size:19px;font-weight:400}
.pay.waiting,.pay.waiting:hover{background:#121830;border-color:#33447f88;box-shadow:none;filter:none;color:#cfe0ff;cursor:default}
.pay.waiting:disabled{opacity:1}
.pay.waiting>span:last-child{width:17px;height:17px;border:2px solid #7fa6ff44;border-top-color:#45e2ff;border-radius:50%;animation:spin 1s linear infinite;font-size:0}
@keyframes spin{to{transform:rotate(360deg)}}
.reopen{display:block;margin:0 auto;background:none;border:0;color:#7f91ba;font-size:11px;padding:2px 5px 14px;text-decoration:underline;text-underline-offset:3px}
.reopen:hover{color:#a9c7ff}
.guide{border:1px solid #437bdb3b;background:linear-gradient(105deg,#0065ff12,#9f16ff0c);border-radius:10px;padding:12px 13px;margin:0 0 16px}
.guide p{font-size:11px;line-height:1.6;color:#a9bad9;margin:0 0 9px}
.guide p:last-child{margin:0;color:#7f91ba}
.howto{display:block;text-align:center;font-size:12px;color:#8fb6ff;text-decoration:none;margin:-4px 0 16px}
.howto:hover{color:#45e2ff;text-decoration:underline}
.agree{display:flex;align-items:flex-start;gap:11px;margin:-4px 0 16px;padding:12px 13px;border:1px solid #437bdb3b;border-radius:10px;font-size:12px;line-height:1.5;color:#e2f7ff;cursor:pointer}
.agree input{appearance:none;width:20px;height:20px;flex:none;margin:1px 0 0;border:1.5px solid #6f8fd8;border-radius:6px;background:transparent;display:grid;place-content:center;cursor:pointer}
.agree input:checked{background:linear-gradient(135deg,#056aff,#ad16f5);border-color:transparent}
.agree input:checked:before{content:"✓";color:#fff;font-size:14px;line-height:1}
.agree input:disabled{opacity:.45;cursor:not-allowed}
.agree.locked{color:#7f91ba;cursor:default}
.pay:disabled:not(.waiting){cursor:not-allowed;filter:grayscale(.5)}
.guide .guide-rec{color:#e2f7ff;font-weight:600;font-size:12px}
.change-note{font-size:12px;line-height:1.6;color:#e2f7ff;background:#0a64ff1f;border:1px solid #437bdb66;border-radius:10px;padding:11px 13px;margin:0 0 16px}
#order-card[aria-busy="true"]{opacity:0}
#order-card{transition:opacity .25s ease}
a.pay{text-decoration:none;box-sizing:border-box}
.land{padding-bottom:22px}
.land .card-top{margin-bottom:0}
.land-h1{font-size:30px;letter-spacing:-1.1px;margin:18px 0 12px}
.land-lead{font-size:13px;line-height:1.6;color:#b9c8e6;margin:0 0 18px}
.land-facts{list-style:none;margin:0 0 20px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.land-facts li{text-align:center;padding:12px 6px;background:linear-gradient(110deg,#1344bb18,#8815b214);border:1px solid #2b87f62e;border-radius:11px}
.land-facts strong{display:block;font-size:15px;font-weight:650;color:#e2f7ff;letter-spacing:-.3px}
.land-facts span{display:block;font-size:10px;color:#90a4d1;margin-top:4px}
.land-steps{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:14px}
.land-steps li{display:flex;gap:12px;align-items:flex-start}
.land-steps li>i{width:24px;height:24px;flex:none;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:12px;font-weight:700;border:1.5px solid #45e2ff;color:#45e2ff;margin-top:1px}
.land-steps b{display:block;font-size:13px;font-weight:600;color:#e8f4ff}
.land-steps span{display:block;font-size:11px;line-height:1.5;color:#93a3c6;margin-top:3px}
.land-steps a{color:#8fb6ff}
.land-note{font-size:11px;line-height:1.6;color:#a9c7ff;text-align:center;margin:0 0 18px;padding:11px 13px;border:1px solid #437bdb3b;border-radius:10px;background:linear-gradient(105deg,#0065ff12,#9f16ff0c)}
.land-help{font-size:11px;color:#93a3c8;text-align:center;margin:18px 0}
#price-note{margin-top:14px}
#price-why{margin:6px 0 20px;color:#7f91ba}
.check{width:100%;background:transparent;color:#a9c7ff;border:0;font-size:11px;padding:15px 5px;min-height:46px}
.check:hover{color:#45e2ff}
.order-reference{border-top:1px solid #ffffff0b;padding:14px 0;display:flex;align-items:center;justify-content:space-between;color:#7f91ba;font-size:10px;gap:10px}
.order-reference button{font-family:ui-monospace,monospace;font-size:10px;color:#a0b3dc;background:transparent;border:0;padding:3px}
.notice,.feedback{font-size:11px;line-height:1.6;color:#b9d9ff;background:linear-gradient(105deg,#0065ff12,#9f16ff0c);border:1px solid #437bdb3b;border-radius:8px;padding:10px 12px;margin:0 0 15px}
.notice.paused{color:#ffe6c2;background:linear-gradient(105deg,#ff9d2a14,#9f16ff0c);border-color:#ffb34d55;font-size:12px}
.feedback{color:#c9e5ff;margin-top:0}
.support{display:block;font-size:11px;color:#93a3c8;text-align:center;text-decoration:none;margin:20px 0}
.support span{color:#46deff;margin-left:5px}
.support:hover span{color:#98f2ff}
footer{font-size:10px;color:#7586ac;text-align:center;margin-top:26px}
.card.error .identity,.card.error .period,.card.error .features,.card.error .price-row,.card.error .check,.card.error .order-reference,.card.error .date-note{display:none}
.card.error{padding-bottom:24px}
.card.error h1{font-size:25px;letter-spacing:-.7px}
.card.error .pay{margin-top:20px}

@media(max-width:480px){.checkout{padding:25px 0 20px;width:calc(100% - 32px)}
.logo{width:76px;height:76px}
.brand{font-size:16px}
header{margin-bottom:21px}
.card{padding:22px 21px 0;border-radius:17px}
h1{font-size:34px}
.period{gap:12px}
.period strong{font-size:12px}
.features{font-size:10px;gap:6px}
.support{line-height:1.8;margin:17px 0}
.support span{white-space:nowrap}
.notice,.feedback{font-size:11px}
.check{font-size:11px}
footer{margin-top:20px}
}

@media(prefers-reduced-motion:reduce){*{transition:none!important}
}

.card.done{background:linear-gradient(150deg,#0e1f27,#0b1220 65%) padding-box,linear-gradient(135deg,#2cf0a8cc,#18b6ff88 50%,#2cf0a8aa) border-box;box-shadow:0 20px 70px #0008,0 0 60px #1fe39a22}
.card.done:before{background:linear-gradient(90deg,transparent,#2cf0a8,#18d6ff,transparent)}
.card.done h1,.card.done .identity,.card.done .period,.card.done .features,.card.done .price-row,.card.done .date-note,.card.done .notice,.card.done .check,.card.done .change-note,.card.done .guide,.card.done .agree,.card.done .howto,.card.done .reopen{display:none}
.ok{color:#5df0b8;text-shadow:0 0 28px #1fe39a55}
.burst{width:84px;height:84px;margin:6px auto 14px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#1fe39a33,#1fe39a0d 70%);border:1.5px solid #2cf0a8aa;box-shadow:0 0 0 8px #1fe39a12,0 0 40px #1fe39a55;animation:pop .6s cubic-bezier(.2,1.4,.4,1) both}
.burst svg{width:44px;height:44px}
.burst path{stroke:#5df0b8;stroke-width:3.2;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:40;stroke-dashoffset:40;animation:draw .5s .35s ease forwards}
@keyframes pop{from{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}
@keyframes draw{to{stroke-dashoffset:0}}
.big{font-size:32px;font-weight:700;letter-spacing:-1px;line-height:1.1;text-align:center;margin:0 0 8px}
.lead{font-size:13px;line-height:1.6;color:#b9d9ff;text-align:center;margin:0 0 18px}
.steps{list-style:none;margin:0 0 18px;padding:14px;border:1px solid #2cf0a833;border-radius:12px;background:#1fe39a0a;display:grid}
.steps li{display:flex;gap:11px;align-items:center;font-size:12.5px;color:#a9bad9;line-height:1.4}
.steps li i{width:24px;height:24px;flex:none;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:12px;font-weight:700;border:1.5px solid #6f8fd8;color:#a9c7ff}
.steps li.d{color:#d8fff0}.steps li.d i{background:#1fe39a;border-color:#1fe39a;color:#04140e}
.steps li.n{color:#fff;font-weight:600}.steps li.n i{border-color:#45e2ff;color:#45e2ff;box-shadow:0 0 14px #45e2ff44;animation:ring 1.8s infinite}
@keyframes ring{0%{box-shadow:0 0 0 0 #45e2ff66}100%{box-shadow:0 0 0 10px #45e2ff00}}
.hz{grid-template-columns:repeat(3,1fr);padding:18px 6px 16px}
.hz li{flex-direction:column;text-align:center;font-size:11px;gap:9px;position:relative;padding:0 4px}
.hz li:not(:last-child):before{content:"";position:absolute;top:11px;left:calc(50% + 17px);width:calc(100% - 34px);height:2px;background:#6f8fd855}
.hz li.d:not(:last-child):before{background:#1fe39a}
.mini{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;color:#93a3c6;margin:0 0 16px;padding:11px 12px;border:1px solid #ffffff10;border-radius:10px;background:#ffffff05}
.mini b{color:#e2f7ff;font-weight:550}.mini .r{text-align:right}
.pay .plane{display:none;width:20px;height:20px;fill:currentColor}
.pay.go{background:linear-gradient(105deg,#1d9bf0,#2aabee 50%,#229ed9);border-color:#8fd6ff88;color:#fff;box-shadow:0 4px 26px #229ed955;justify-content:center;gap:10px;font-size:15px;min-height:54px;margin-bottom:10px}
.pay.go .plane{display:block}
.pay.go>span:last-child{display:none}
@media(prefers-reduced-motion:reduce){.burst,.burst path,.steps li.n i{animation:none!important;stroke-dashoffset:0}}