/*
Theme Name: BoostPanel
Description: SMM panel one-page theme. Packages, payment links, colours, fonts and footer widgets are all managed from Appearance > Customize > BoostPanel.
Version: 2.1.1
Author: BoostPanel
License: GPL-2.0-or-later
Text Domain: boostpanel
*/
:root{--bg:#07070f;--ink:#f1f1ff;--mute:#9b9bb8;--glass:rgba(255,255,255,.06);--line:rgba(255,255,255,.12);--v:#7c5cff;--c:#22d3ee;--p:#ff5c9d;--g:#ffd166;--btn2:#5b8cff;--hdr:rgba(7,7,15,.6);--panel:#12122a;--wabg:#25d366;--fh:Unbounded,"Plus Jakarta Sans",sans-serif;--fb:"Plus Jakarta Sans",system-ui,sans-serif;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
html{scroll-behavior:smooth;scroll-padding-top:env(safe-area-inset-top,0px);height:auto}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 var(--fb);overflow-x:hidden}
h1,h2,h3{font-family:var(--fh);line-height:1.15;margin:0 0 .5em;letter-spacing:-.02em}
a{color:inherit}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px}
.aurora{position:fixed;inset:0;z-index:-1;overflow:hidden;background:var(--bg)}
.aurora i{position:absolute;width:55vmax;height:55vmax;border-radius:50%;filter:blur(90px);opacity:.38;animation:drift 22s ease-in-out infinite alternate}
.aurora i:nth-child(1){background:var(--v);top:-20vmax;left:-15vmax}
.aurora i:nth-child(2){background:var(--c);bottom:-25vmax;right:-15vmax;animation-delay:-8s;opacity:.25}
.aurora i:nth-child(3){background:var(--p);top:30%;left:45%;width:35vmax;height:35vmax;opacity:.18;animation-delay:-14s}
.aurora::after{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:56px 56px;opacity:.25;mask-image:radial-gradient(ellipse at 50% 30%,#000 20%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at 50% 30%,#000 20%,transparent 75%)}
@keyframes drift{to{transform:translate(8vmax,6vmax) scale(1.15)}}
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:var(--hdr);border-bottom:1px solid var(--line)}
header .wrap{display:flex;align-items:center;justify-content:space-between;min-height:62px;gap:12px}
.logo{font:700 1.15rem var(--fh);text-decoration:none}
.logo span{background:linear-gradient(90deg,var(--v),var(--c));-webkit-background-clip:text;background-clip:text;color:transparent}
nav{display:flex;gap:20px;align-items:center}
nav a{text-decoration:none;color:var(--mute);font-weight:600;font-size:.95rem}
nav a:hover{color:var(--ink)}
@media(max-width:700px){nav a:not(.btn){display:none}}
.btn{display:inline-block;border:0;cursor:pointer;font:700 1rem var(--fb);color:#fff;text-decoration:none;padding:13px 24px;border-radius:12px;background:linear-gradient(135deg,var(--v),var(--btn2));box-shadow:0 8px 28px -8px var(--v)}
.btn.sm{padding:9px 16px;font-size:.9rem}
.btn.ghost{background:var(--glass);border:1px solid var(--line);box-shadow:none}
.btn:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid var(--g);outline-offset:2px}
.hero{padding:84px 0 56px;text-align:center}
.hero h1{font-size:clamp(2rem,6vw,4rem);max-width:15em;margin:0 auto .45em}
.hero h1 em{font-style:normal;background:linear-gradient(90deg,var(--c),var(--v) 50%,var(--p));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p{color:var(--mute);max-width:36em;margin:0 auto 28px;font-size:1.1rem}
.hero .cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.chips{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:36px}
.chips span{padding:8px 16px;border-radius:99px;background:var(--glass);border:1px solid var(--line);font-size:.9rem;color:var(--mute)}
.chips b{color:var(--ink)}
section{padding:56px 0}
h2.t{font-size:clamp(1.5rem,3.6vw,2.3rem);text-align:center}
.sub{color:var(--mute);text-align:center;margin:0 auto 32px;max-width:34em}
.tabs{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:28px}
.svcs{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}
.svc{background:var(--glass);border:1px solid var(--line);border-radius:20px;padding:24px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.svc h3{font-size:1.05rem;margin-bottom:4px}
.svc small{color:var(--mute);display:block;margin-bottom:16px}
.amts{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.amt{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:2px;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--ink);cursor:pointer;font:inherit;transition:border-color .2s,background .2s,transform .2s}
.amt:hover{border-color:var(--c);background:rgba(34,211,238,.08);transform:translateY(-2px)}
.amt b{font-size:.95rem}
.amt span{color:var(--g);font-weight:700;font-size:1.05rem}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;list-style:none;padding:0;counter-reset:s}
.steps li{counter-increment:s;padding:24px;border-radius:20px;border:1px solid var(--line);background:var(--glass)}
.steps li::before{content:counter(s);display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--c),var(--v));font-weight:800;margin-bottom:12px}
.steps b{display:block;margin-bottom:4px}.steps p{margin:0;color:var(--mute)}
.feats{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.feat{padding:22px;border-radius:18px;border:1px solid var(--line);background:var(--glass)}
.feat h3{font-size:1rem}.feat p{margin:0;color:var(--mute)}
.faq{max-width:760px;margin:0 auto}
details{border:1px solid var(--line);background:var(--glass);border-radius:14px;padding:14px 18px;margin-bottom:10px}
summary{font-weight:700;cursor:pointer}details p{color:var(--mute);margin:10px 0 0}
footer{padding:28px 0;border-top:1px solid var(--line);color:var(--mute);font-size:.88rem}
footer .wrap{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.wa{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:30;background:var(--wabg);color:#fff;font-weight:700;text-decoration:none;padding:12px 18px;border-radius:99px;box-shadow:0 8px 24px rgba(0,0,0,.4)}
.stage{position:relative;isolation:isolate}
.stage::before{content:"";position:absolute;inset:-60px -20px 0;z-index:-1;background:radial-gradient(60% 55% at 50% 0,var(--soft,rgba(124,92,255,.2)),transparent 72%);transition:background .5s}
.tabs{gap:12px}
.tabs button{min-width:136px;padding:15px 24px;border-radius:18px;border:1px solid rgba(255,255,255,.22);background:var(--bg1);color:#fff;font:700 1rem var(--fb);cursor:pointer;opacity:.45;filter:saturate(.6);transition:opacity .25s,transform .25s,box-shadow .25s,filter .25s}
.tabs button:hover{opacity:.8}
.tabs button[aria-selected=true]{opacity:1;filter:none;transform:translateY(-4px);box-shadow:0 16px 36px -10px var(--glow),inset 0 1px 0 rgba(255,255,255,.35)}
.svc{position:relative;overflow:hidden;padding:0;border-radius:24px;border-color:var(--soft)}
.svc::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(320px circle at var(--mx,50%) var(--my,0),rgba(255,255,255,.09),transparent 60%)}
.svc .hd{background:var(--bg1);padding:20px 24px;color:#fff;box-shadow:inset 0 -1px 0 rgba(255,255,255,.2)}
.svc .hd h3{margin:0;font-size:1.05rem}
.svc .hd small{color:rgba(255,255,255,.88);display:block;margin:3px 0 0}
.svc .bd{padding:22px 24px 24px}
.amt{position:relative}
.amt:hover{border-color:var(--glow);background:var(--soft)}
.tag{position:absolute;top:-9px;right:10px;background:var(--bg1);color:#fff;font:700 .68rem var(--fb);font-style:normal;padding:3px 9px;border-radius:99px}
.modal::before{content:"";display:block;height:6px;margin:-28px -28px 22px;background:var(--bg1,var(--v));border-radius:24px 24px 0 0}
.modal .btn{background:var(--bg1,linear-gradient(135deg,var(--v),var(--btn2)))}
footer{padding:48px 0 24px;background:rgba(0,0,0,.25)}
footer .fgrid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:32px}
footer h4{font:700 .95rem var(--fh);color:var(--ink);margin:0 0 12px}
footer ul{list-style:none;margin:0;padding:0}footer li{margin-bottom:8px}
footer li a,footer li button{color:var(--mute);text-decoration:none;background:none;border:0;padding:0;font:inherit;cursor:pointer}
footer li a:hover,footer li button:hover{color:var(--ink)}
footer p{max-width:26em}
footer .fbot{margin-top:32px;padding-top:20px;border-top:1px solid var(--line)}
@media(max-width:700px){footer .fgrid{grid-template-columns:1fr 1fr}footer .fgrid>div:first-child{grid-column:1/-1}}
/* modal */
.ov{position:fixed;inset:0;z-index:50;background:rgba(3,3,10,.7);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;padding:20px}
.ov.on{display:flex}
.modal{width:100%;max-width:420px;background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:0 30px 80px -20px var(--v);animation:pop .25s ease-out}
@keyframes pop{from{transform:scale(.94);opacity:0}}
.modal h3{font-size:1.15rem}
.sum{display:flex;justify-content:space-between;align-items:center;padding:14px;border-radius:14px;background:var(--glass);border:1px solid var(--line);margin:14px 0}
.sum b{color:var(--g);font-size:1.3rem}
.modal label{display:block;font-weight:600;font-size:.9rem;margin-bottom:6px}
.modal input{width:100%;padding:13px 14px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.05);color:var(--ink);font:inherit}
.err{color:var(--p);font-size:.88rem;min-height:1.4em;margin:6px 0}
.modal .btn{width:100%;text-align:center}
.modal .x{background:none;border:0;color:var(--mute);cursor:pointer;float:right;font-size:1.4rem;line-height:1}
.note{color:var(--mute);font-size:.85rem;margin:12px 0 0}
.done{display:none}.modal.paid .form{display:none}.modal.paid .done{display:block}
@media(prefers-reduced-motion:reduce){.aurora i,.modal{animation:none}html{scroll-behavior:auto}.amt{transition:none}}

.logo{display:flex;align-items:center;gap:10px}
.logo img{height:var(--lh,36px);width:auto;display:block}
.logo span{background:linear-gradient(90deg,var(--v),var(--c));-webkit-background-clip:text;background-clip:text;color:transparent}
body.admin-bar header{top:32px}
.offer{background:linear-gradient(90deg,var(--v),var(--p));color:#fff;text-align:center;padding:9px 16px;font-weight:600;font-size:.92rem;display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:wrap}
.cd{display:inline-flex;gap:4px;align-items:center;font-variant-numeric:tabular-nums;font-weight:700}
.cd b{background:rgba(0,0,0,.35);padding:2px 7px;border-radius:6px;min-width:2.2ch;text-align:center}
.pill{display:flex;justify-content:center;gap:10px;align-items:center;margin:-8px auto 24px;color:var(--mute);font-weight:600;flex-wrap:wrap}
.pill .cd b{background:var(--glass);border:1px solid var(--line);color:var(--ink)}
.amt{padding-bottom:10px}
.amt .go{font-style:normal;margin-top:8px;font-size:.78rem;font-weight:700;color:var(--mute);display:flex;align-items:center;gap:4px}
.amt .go::after{content:"\203A";font-size:1.15rem;line-height:1;transition:transform .2s}
.amt:hover .go::after{transform:translateX(4px)}
.amt:hover .go,.amt:focus-visible .go{color:var(--ink)}
.amt:active{transform:scale(.97)}
.amt.sel{background:var(--bg1);border-color:transparent;box-shadow:0 12px 30px -10px var(--glow)}
.amt.sel span,.amt.sel .go,.amt.sel b{color:#fff}
.modal .btn.ghost{background:var(--glass);border:1px solid var(--line);box-shadow:none;margin-top:10px}
.content{max-width:780px;margin:48px auto;padding:32px;background:var(--glass);border:1px solid var(--line);border-radius:20px}
.content h1{font-size:1.8rem}.content a{color:var(--c)}.content p,.content li{color:var(--mute)}

.hero{padding:22px 0 6px}
.hero h1{font-size:clamp(1.55rem,5.2vw,2.6rem);margin:0 auto .3em}
.hero p{font-size:1rem;margin:0 auto 4px}
#services{padding-top:12px}
.sub.tap{font-size:.88rem;margin:0 auto 16px}
.tabs{margin-bottom:10px}
.chips{margin-top:32px}
.svc .hd{display:flex;justify-content:space-between;align-items:center;gap:12px}
.ct{text-align:right;flex:none}
.ct span{display:block;font-size:.68rem;font-weight:700;opacity:.92}
.ms{display:inline-flex;gap:3px;align-items:center;font-weight:700;font-variant-numeric:tabular-nums;margin-top:3px}
.ms b{background:rgba(0,0,0,.32);padding:3px 7px;border-radius:7px;min-width:2.2ch;text-align:center}
@media(max-width:700px){.tabs{gap:8px}.tabs button{flex:1 1 78px;min-width:78px;padding:11px 6px;font-size:.86rem}}

.hero h1 em{background:linear-gradient(90deg,var(--c),var(--v),var(--p),var(--v),var(--c));background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:flow 7s linear infinite}
@keyframes flow{to{background-position:200% 0}}
.svc{box-shadow:0 24px 56px -28px var(--glow),inset 0 1px 0 rgba(255,255,255,.14)}
.svc .hd{position:relative;overflow:hidden}
.svc .hd::before{content:"";position:absolute;top:0;left:-60%;width:45%;height:100%;pointer-events:none;background:linear-gradient(100deg,transparent,rgba(255,255,255,.26),transparent);transform:skewX(-20deg);animation:sheen 6s ease-in-out infinite}
@keyframes sheen{0%,65%{left:-60%}100%{left:130%}}
.amt:hover{box-shadow:0 12px 28px -14px var(--glow)}
header{box-shadow:0 1px 0 rgba(255,255,255,.06),0 10px 30px -20px #000}
.btn{background-image:linear-gradient(135deg,var(--v),var(--btn2));box-shadow:0 10px 30px -10px var(--v),inset 0 1px 0 rgba(255,255,255,.3)}
@media(prefers-reduced-motion:reduce){.svc .hd::before,.hero h1 em{animation:none}}

.brand{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 0 14px;font:700 clamp(1.35rem,5.5vw,2.1rem) var(--fh);letter-spacing:-.02em}
.brand img{height:calc(var(--lh,36px)*1.2);width:auto;max-width:30vw;display:block}
.brand span{background:linear-gradient(90deg,var(--v),var(--c));-webkit-background-clip:text;background-clip:text;color:transparent;overflow-wrap:anywhere}

.rv{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:18px}
.rc{margin:0;padding:22px;border-radius:20px;border:1px solid var(--line);background:var(--glass);box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}
.rc .st{color:var(--g);font-size:1.15rem;letter-spacing:2px}
.rc .st i{font-style:normal;color:rgba(255,255,255,.18)}
.rc blockquote{margin:10px 0 14px;color:var(--ink);line-height:1.6}
.rc figcaption{color:var(--mute);font-weight:700;font-size:.9rem}
@media(max-width:700px){.tabs{justify-content:center}.tabs button{flex:0 0 auto;min-width:78px;padding:11px 14px}}

.atabs{display:flex;gap:8px;margin:14px 0}
.atabs button{flex:1;padding:10px;border-radius:12px;border:1px solid var(--line);background:var(--glass);color:var(--mute);font:700 .95rem var(--fb);cursor:pointer}
.atabs button[aria-selected=true]{background:var(--bg1,linear-gradient(135deg,var(--v),var(--btn2)));color:#fff;border-color:transparent}
#am input{margin-bottom:8px}
.ords{max-height:42vh;overflow:auto;display:grid;gap:10px;margin:10px 0 16px;color:var(--mute)}
.ord{padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--glass)}
.ord span{float:right;color:var(--g);font-weight:700;font-size:.82rem}.ord b{color:var(--ink)}.ord small{color:var(--mute)}
#authbtn{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hero h1,h2.t{color:var(--hc,var(--ink))}
.bp-w{margin-bottom:16px}
.bp-w a{color:var(--mute);text-decoration:none}.bp-w a:hover{color:var(--ink)}
.bp-w p{margin:0 0 8px;max-width:none}
.bp-w .wp-block-navigation__container,.bp-w .wp-block-page-list{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin:0;padding:0;list-style:none}
.bp-w .wp-block-navigation-item__content{color:var(--mute);padding:0}