:root{
  --bg:#0a0a0a;
  --surface:#121212;
  --panel:#262729;
  --input:#1f1f1f;
  --line:#3a3a3a;
  --text:#ffffff;
  --muted:#a4a2a2;
  --blue:#0781fe;
  --blue-hover:#005bbd;
  --green:#02c7b4;
  --green-surface:#293e3e;
  --max:1160px;
  color:var(--text);
  background:var(--bg);
  font-family:"Poppins",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif
}
*{box-sizing:border-box}
html{min-width:320px;background:var(--bg)}
body{margin:0;min-height:100vh;background:linear-gradient(90deg,var(--bg) 0,var(--bg) calc(50% + 120px),var(--surface) calc(50% + 120px),var(--surface) 100%);font-size:16px}
a,button{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible{outline:3px solid #59aaff;outline-offset:3px}
.checkout-header{height:86px;background:var(--panel);border-bottom:1px solid var(--line)}
.header-inner{width:min(var(--max),calc(100% - 48px));height:100%;margin:auto;display:flex;align-items:center}
.brand{display:flex;align-items:center;gap:7px;color:var(--text);text-decoration:none;font-size:1.38rem;font-weight:900;letter-spacing:-.065em}
.brand i{width:9px;height:9px;background:var(--blue);transform:skew(-18deg)}
.checkout-shell{width:min(var(--max),calc(100% - 48px));min-height:calc(100vh - 86px);margin:auto;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr);grid-template-areas:"payment summary";column-gap:clamp(58px,7vw,104px)}
.checkout-shell[hidden],.state-view[hidden]{display:none}
.payment-column{grid-area:payment;padding:46px 0 72px}
.order-summary{grid-area:summary;position:relative;padding:48px 0 72px 52px}
.order-summary:before{content:"";position:absolute;z-index:-1;inset:0 auto 0 0;width:100vw;background:var(--surface);border-left:1px solid var(--line)}
.summary-inner{position:sticky;top:34px}
.summary-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}
.summary-heading h2{margin:0;font-size:1.12rem;letter-spacing:-.015em}
.summary-heading>span{color:var(--muted);font-size:.82rem}
.order-items{display:grid;gap:18px;padding-bottom:26px;border-bottom:1px solid var(--line)}
.order-item{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:15px}
.product-art{position:relative;width:64px;height:64px;display:grid;place-items:center;border:1px solid #0781fe66;border-radius:12px;background:linear-gradient(145deg,#19223b,var(--input));box-shadow:inset 0 1px 0 #ffffff0d,0 6px 18px #0003}
.product-icon{display:block;width:30px;height:30px;background:linear-gradient(135deg,#fff 0,#59aaff 100%);-webkit-mask:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfNl8yODIwKSI+PHBhdGggZD0iTTIzLjg3OTUgMTQuMjYzN0wxOS4yOTYzIDUuNTU2NTFDMTkuMTI3NyA1LjIyOTQ4IDE4Ljc5MDQgNS4wMjUwOSAxOC40MjMzIDUuMDI1MDlIMTYuMzVDMTUuODA0NCA1LjAyNTA5IDE1LjM1OCA1LjQ4NDk3IDE1LjM1OCA2LjA0NzA2QzE1LjM1OCA2LjYwOTE0IDE1LjgwNDQgNy4wNjkwMyAxNi4zNSA3LjA2OTAzSDE3LjgyODFMMjEuMzMgMTMuNzMyM0gxMi43MzlDMTIuMTkzNCAxMy43MzIzIDExLjc0NyAxNC4xOTIyIDExLjc0NyAxNC43NTQzQzExLjc0NyAxNS4zMTYzIDEyLjE5MzQgMTUuNzc2MiAxMi43MzkgMTUuNzc2MkgyMy4wMDY1QzIzLjM1MzcgMTUuNzc2MiAyMy42ODExIDE1LjU4MjEgMjMuODU5NiAxNS4yNzU1QzI0LjAzODIgMTQuOTY4OSAyNC4wNDgxIDE0LjU4MDUgMjMuODc5NSAxNC4yNjM3WiIgZmlsbD0iY3VycmVudENvbG9yIj48L3BhdGg+PHBhdGggZD0iTTcuMjQzMjggMTIuNzUxMUgxNi4wOTIyQzE2LjQzOTQgMTIuNzUxMSAxNi43NjY3IDEyLjU1NyAxNi45NDUzIDEyLjI1MDRDMTcuMTIzOSAxMS45NDM4IDE3LjEzMzggMTEuNTU1NCAxNi45NjUyIDExLjIzODZMMTIuMzgyIDIuNTMxNDNDMTIuMjEzMyAyLjIwNDM5IDExLjg3NjEgMiAxMS41MDkgMkgwLjk5MzUwOEMwLjY0NjI5OCAyIDAuMzE4OTI4IDIuMTk0MTcgMC4xNDAzNjMgMi41MDA3N0MtMC4wMzgyMDE4IDIuODA3MzYgLTAuMDQ4MTIyNSAzLjE5NTcxIDAuMTIwNTIyIDMuNTEyNTJMOS41NzQ1NSAyMS40Njg2QzkuNzUzMTEgMjEuODA1OCAxMC4xMDAzIDIyIDEwLjQ0NzUgMjJDMTAuNjA2MyAyMiAxMC43NjUgMjEuOTU5MSAxMC45MjM3IDIxLjg3NzRDMTEuNDA5OCAyMS42MTE3IDExLjU4ODQgMjAuOTg4MiAxMS4zMjA1IDIwLjQ4NzVMNy4yNDMyOCAxMi43NTExWk0xMC45MjM3IDQuMDQzOTRMMTQuNDI1NiAxMC43MDcySDYuMTcxOUwyLjY3MDAzIDQuMDQzOTRIMTAuOTIzN1oiIGZpbGw9ImN1cnJlbnRDb2xvciI+PC9wYXRoPjwvZz48ZGVmcz48Y2xpcFBhdGggaWQ9ImNsaXAwXzZfMjgyMCI+PHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSJjdXJyZW50Q29sb3IiPjwvcmVjdD48L2NsaXBQYXRoPjwvZGVmcz48L3N2Zz4=") center/contain no-repeat;mask:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfNl8yODIwKSI+PHBhdGggZD0iTTIzLjg3OTUgMTQuMjYzN0wxOS4yOTYzIDUuNTU2NTFDMTkuMTI3NyA1LjIyOTQ4IDE4Ljc5MDQgNS4wMjUwOSAxOC40MjMzIDUuMDI1MDlIMTYuMzVDMTUuODA0NCA1LjAyNTA5IDE1LjM1OCA1LjQ4NDk3IDE1LjM1OCA2LjA0NzA2QzE1LjM1OCA2LjYwOTE0IDE1LjgwNDQgNy4wNjkwMyAxNi4zNSA3LjA2OTAzSDE3LjgyODFMMjEuMzMgMTMuNzMyM0gxMi43MzlDMTIuMTkzNCAxMy43MzIzIDExLjc0NyAxNC4xOTIyIDExLjc0NyAxNC43NTQzQzExLjc0NyAxNS4zMTYzIDEyLjE5MzQgMTUuNzc2MiAxMi43MzkgMTUuNzc2MkgyMy4wMDY1QzIzLjM1MzcgMTUuNzc2MiAyMy42ODExIDE1LjU4MjEgMjMuODU5NiAxNS4yNzU1QzI0LjAzODIgMTQuOTY4OSAyNC4wNDgxIDE0LjU4MDUgMjMuODc5NSAxNC4yNjM3WiIgZmlsbD0iY3VycmVudENvbG9yIj48L3BhdGg+PHBhdGggZD0iTTcuMjQzMjggMTIuNzUxMUgxNi4wOTIyQzE2LjQzOTQgMTIuNzUxMSAxNi43NjY3IDEyLjU1NyAxNi45NDUzIDEyLjI1MDRDMTcuMTIzOSAxMS45NDM4IDE3LjEzMzggMTEuNTU1NCAxNi45NjUyIDExLjIzODZMMTIuMzgyIDIuNTMxNDNDMTIuMjEzMyAyLjIwNDM5IDExLjg3NjEgMiAxMS41MDkgMkgwLjk5MzUwOEMwLjY0NjI5OCAyIDAuMzE4OTI4IDIuMTk0MTcgMC4xNDAzNjMgMi41MDA3N0MtMC4wMzgyMDE4IDIuODA3MzYgLTAuMDQ4MTIyNSAzLjE5NTcxIDAuMTIwNTIyIDMuNTEyNTJMOS41NzQ1NSAyMS40Njg2QzkuNzUzMTEgMjEuODA1OCAxMC4xMDAzIDIyIDEwLjQ0NzUgMjJDMTAuNjA2MyAyMiAxMC43NjUgMjEuOTU5MSAxMC45MjM3IDIxLjg3NzRDMTEuNDA5OCAyMS42MTE3IDExLjU4ODQgMjAuOTg4MiAxMS4zMjA1IDIwLjQ4NzVMNy4yNDMyOCAxMi43NTExWk0xMC45MjM3IDQuMDQzOTRMMTQuNDI1NiAxMC43MDcySDYuMTcxOUwyLjY3MDAzIDQuMDQzOTRIMTAuOTIzN1oiIGZpbGw9ImN1cnJlbnRDb2xvciI+PC9wYXRoPjwvZz48ZGVmcz48Y2xpcFBhdGggaWQ9ImNsaXAwXzZfMjgyMCI+PHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSJjdXJyZW50Q29sb3IiPjwvcmVjdD48L2NsaXBQYXRoPjwvZGVmcz48L3N2Zz4=") center/contain no-repeat;filter:drop-shadow(0 2px 5px #0781fe4d)}
.product-art:after{content:"1";position:absolute;right:-7px;top:-7px;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:var(--blue);color:#fff;font-size:.7rem;font-weight:700}
.item-copy{min-width:0;display:grid;gap:4px}
.item-copy strong{font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.item-copy span{font-size:.78rem}
.item-status{color:var(--green);font-weight:600}
.item-price{display:grid;justify-items:end;gap:1px}
.item-price span,.original-total{color:var(--muted)!important;font-size:.75rem;font-weight:400;text-decoration:line-through}
.item-price strong{font-size:.9rem}
.totals{padding:22px 0 0}
.totals>div{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px;color:var(--muted);font-size:.9rem}
.totals strong{color:var(--text)}
.totals .discount-row{color:var(--green)}
.discount-row strong{color:var(--green)}
.totals .total-row{margin:20px 0 0;padding-top:19px;border-top:1px solid var(--line);color:var(--text);font-size:1rem}
.total-row strong{font-size:1.6rem;letter-spacing:-.035em}
.totals>p{margin:2px 0 0;color:var(--muted);font-size:.7rem;text-align:right}
.order-assurance{display:flex;gap:12px;margin-top:32px;padding:17px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}
.order-assurance svg{flex:none;width:23px;fill:none;stroke:var(--blue);stroke-width:1.7}
.order-assurance div{display:grid;gap:4px}
.order-assurance strong{font-size:.82rem}
.order-assurance span{color:var(--muted);font-size:.76rem;line-height:1.45}
.breadcrumb{display:flex;align-items:center;gap:10px;margin-bottom:36px;color:var(--muted);font-size:.78rem}
.breadcrumb b{color:#777;font-size:1rem}
.breadcrumb strong{color:var(--text)}
.payment-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:20px}
.payment-heading p{margin:0 0 5px;color:var(--blue);font-size:.76rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.payment-heading h1{margin:0;font-size:1.55rem;letter-spacing:-.035em}
.whop-frame{min-height:520px;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:0 10px 36px #0006}
.whop-frame>div{min-height:520px}
.checkout-cta{width:100%;min-height:54px;margin-top:14px;border:0;border-radius:9px;background:var(--blue);color:#fff;font:700 1rem/1 inherit;cursor:pointer;box-shadow:0 4px 14px #0781fe33}
.checkout-cta:hover{background:var(--blue-hover)}
.checkout-cta:disabled{cursor:wait;opacity:.62}
.checkout-error{min-height:20px;margin:10px 0 0;color:#ff8078;font-size:.78rem;text-align:center}
.state-view{min-height:calc(100vh - 86px);display:grid;place-items:center;padding:48px 20px;background:var(--bg)}
.state-card{width:min(500px,100%);padding:46px 36px;border:1px solid var(--line);border-radius:16px;background:var(--panel);box-shadow:0 18px 60px #0008;text-align:center}
.state-icon{width:54px;height:54px;margin:0 auto 22px;display:grid;place-items:center;border-radius:50%;background:#3b2518;color:#ffb86b;font-size:1.4rem;font-weight:700}
.state-icon.success{background:var(--green-surface);color:var(--green)}
.state-card h1{margin:0 0 12px;font-size:1.65rem;letter-spacing:-.035em}
.state-card>p:not(.kicker){margin:0;color:var(--muted);line-height:1.6}
.kicker{margin:0 0 8px;color:var(--green);font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.receipt{margin-top:28px;border-top:1px solid var(--line);text-align:left}
.receipt-row{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid var(--line);font-size:.88rem}
.receipt-row span{color:var(--muted)}
.receipt-row.total{font-size:1rem}
.noscript{padding:20px;text-align:center}
.checkout-shell.loading{visibility:hidden}
@media(max-width:820px){
  body{background:var(--bg)}
  .checkout-header{height:72px}
  .header-inner{width:min(100% - 32px,var(--max))}
  .checkout-shell{width:100%;min-height:calc(100vh - 72px);grid-template-columns:1fr;grid-template-areas:"summary" "payment";column-gap:0}
  .order-summary{padding:25px max(20px,calc((100% - 640px)/2));background:var(--surface);border-bottom:1px solid var(--line)}
  .order-summary:before{display:none}
  .summary-inner{position:static}
  .summary-heading{margin-bottom:20px}
  .order-items{gap:14px;padding-bottom:22px}
  .order-item{grid-template-columns:56px minmax(0,1fr) auto;gap:12px}
  .product-art{width:56px;height:56px}
  .totals{padding-top:18px}
  .totals .total-row{margin-top:15px;padding-top:15px}
  .total-row strong{font-size:1.4rem}
  .order-assurance{display:none}
  .payment-column{width:min(100% - 40px,640px);margin:auto;padding:32px 0 56px}
  .breadcrumb{display:none}
  .payment-heading{margin-bottom:17px}
  .payment-heading h1{font-size:1.4rem}
  .whop-frame,.whop-frame>div{min-height:540px}
  .state-view{min-height:calc(100vh - 72px)}
}
@media(max-width:460px){
  .header-inner{width:calc(100% - 28px)}
  .order-summary{padding:22px 16px}
  .summary-heading h2{font-size:1rem}
  .order-item{grid-template-columns:52px minmax(0,1fr) auto}
  .product-art{width:52px;height:52px}
  .item-copy strong{font-size:.86rem}
  .item-price strong{font-size:.84rem}
  .payment-column{width:calc(100% - 28px);padding-top:27px}
  .payment-heading{display:block}
  .whop-frame{border-right:0;border-left:0;border-radius:8px;min-height:570px}
  .whop-frame>div{min-height:570px}
  .state-card{padding:38px 24px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}