:root{--bg:#07060d;--card:#110d1a;--line:#322642;--purple:#a970ff;--text:#f8f5ff;--muted:#9d94aa}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(circle at 15% 20%,#301c4b 0,transparent 29%),radial-gradient(circle at 86% 15%,#4c2f7d66,transparent 24%),var(--bg);color:var(--text);font-family:Manrope,Arial,sans-serif;min-height:100vh}
body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(#a970ff07 1px,transparent 1px),linear-gradient(90deg,#a970ff07 1px,transparent 1px);background-size:64px 64px;pointer-events:none}
a{color:inherit;text-decoration:none}
header{height:86px;max-width:1180px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid #272032;position:relative;z-index:2}
header img{display:block;width:145px;height:68px;object-fit:contain;filter:drop-shadow(0 0 12px #546fff80)}
header>span{color:#7f758c;font-size:8px;letter-spacing:2px;font-weight:800}
.back-link{font-size:10px;color:#b9b0c4;border:1px solid #3a2d4d;border-radius:100px;padding:9px 13px}
main{max-width:1120px;margin:auto;padding:75px 24px 90px;display:grid;grid-template-columns:.9fr 1.1fr;gap:85px;align-items:center;position:relative;z-index:1}
.eyebrow{color:var(--purple);font-size:9px;letter-spacing:2.4px;font-weight:800}
.checkout-copy h1{font-size:clamp(52px,6vw,78px);line-height:.96;letter-spacing:-4px;margin:20px 0 28px}
.checkout-copy h1 em{color:#b77cff;font-style:normal}
.checkout-copy>p:not(.eyebrow){color:var(--muted);font-size:13px;line-height:1.8;max-width:500px}
.trust-list{display:grid;gap:14px;margin-top:36px}
.trust-list>div{display:flex;gap:12px;align-items:center}
.trust-list i{font-style:normal;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#a970ff15;color:#b77cff;border:1px solid #49355f}
.trust-list span{display:flex;flex-direction:column}.trust-list b{font-size:10px}.trust-list small{font-size:8px;color:#776e82;margin-top:3px}
.checkout-card{position:relative;background:linear-gradient(145deg,#171021,#0c0912);border:1px solid #5d3e7d;border-radius:24px;padding:34px;box-shadow:0 35px 90px #0008,0 0 60px #8b5cf617;overflow:hidden}
.checkout-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 86% 0,#b77cff24,transparent 34%),linear-gradient(110deg,rgba(255,255,255,.06),transparent 42%);pointer-events:none}
.checkout-card>*{position:relative;z-index:1}
.plan-summary{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:22px;border-bottom:1px solid var(--line)}
.plan-summary small{color:#9e6de8;font-size:7px;letter-spacing:1.5px;font-weight:800}.plan-summary h2{font-size:24px;margin:7px 0 3px}.plan-summary p{color:#7d7488;font-size:8px;margin:0}.plan-summary>strong{font-size:28px;color:#b77cff}
.checkout-card>ul{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:8px 18px;padding:18px 0 22px;margin:0;border-bottom:1px solid var(--line)}
.checkout-card>ul li{font-size:8px;color:#bdb4c7}.checkout-card>ul li:before{content:"✓";color:#a970ff;margin-right:7px}
form{display:grid;gap:14px;padding-top:5px}
label{display:grid;gap:7px;color:#a79dac;font-size:9px;font-weight:700;margin-top:12px}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
input{width:100%;background:#09070d;border:1px solid #372b48;color:white;border-radius:8px;padding:12px;outline:0}
input:focus{border-color:#a970ff;box-shadow:0 0 0 3px #a970ff0e}
.payment-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:8px}
.payment-option{display:flex!important;align-items:center;gap:11px;margin:0!important;padding:14px;border:1px solid #3b2c4e;border-radius:13px;background:#ffffff05;cursor:pointer;transition:.25s}
.payment-option input{width:16px;height:16px;margin:0;accent-color:#a970ff;flex:0 0 auto}
.payment-option span{display:flex;flex-direction:column;gap:4px}.payment-option b{font-size:11px;color:#f7f1ff}.payment-option small{font-size:8px;color:#8f849d}
.payment-option.active{border-color:#a970ff;background:#a970ff14;box-shadow:0 0 24px #8b5cf61c}
.terms{display:flex;grid-template-columns:auto 1fr;align-items:flex-start;line-height:1.5}.terms input{width:15px;height:15px;margin:0;accent-color:#a970ff}
form>button{border:0;background:linear-gradient(135deg,#b57aff,#7568ff);color:#fff;border-radius:9px;padding:14px 17px;font-weight:800;display:flex;justify-content:space-between;cursor:pointer;box-shadow:0 12px 30px #8b5cf62e}
form>button:hover{transform:translateY(-2px);box-shadow:0 18px 38px #8b5cf646}
form>button:disabled{opacity:.6;cursor:wait}
.payment-error{display:none;color:#ff91a2;background:#2a1119;border:1px solid #5b2935;border-radius:8px;padding:10px;font-size:9px;line-height:1.5;margin:0}.payment-error.show{display:block}
.whatsapp-help{text-align:center;color:#b77cff;text-decoration:underline;font-size:9px}.safe-note{text-align:center;color:#716779;font-size:8px;line-height:1.5}
footer{text-align:center;color:#61596a;font-size:8px;padding:0 20px 30px}
.success{text-align:center;padding:70px 20px}.success i{font-style:normal;width:66px;height:66px;border-radius:50%;display:grid;place-items:center;background:#a970ff18;color:#b77cff;margin:auto;font-size:30px}.success h2{font-size:28px;margin:20px 0 8px}.success p{color:var(--muted);font-size:11px;line-height:1.7}.success a{display:inline-block;background:#a970ff;color:white;border-radius:9px;padding:12px 18px;font-size:10px;font-weight:800;margin-top:15px}
@media(max-width:820px){main{grid-template-columns:1fr;gap:45px;padding-top:45px}.checkout-copy{text-align:center}.checkout-copy>p:not(.eyebrow){margin-inline:auto}.trust-list{max-width:360px;margin-inline:auto;text-align:left}}
@media(max-width:560px){header>span{display:none}header img{width:120px}.back-link{font-size:8px}.checkout-copy h1{font-size:49px;letter-spacing:-2.5px}.checkout-card{padding:24px 18px}.field-row,.checkout-card>ul,.payment-options{grid-template-columns:1fr}.plan-summary>strong{font-size:22px}}
