/* ===== v60 overlay (loaded last) ===== */
/* 1. no blank cover flash */
#gks-cover{display:none!important}
/* 2. Telegram support button only on dashboard */
#gks-tg-float,#global-telegram-btn{display:none!important}
body.gks-on-dash #gks-tg-float{display:flex!important}
/* 3. maintenance popup removed */
#rk-maint-modal{display:none!important}
/* 4. active menu item = box */
#gks-side-drawer .gks-drawer-item{border:1px solid transparent;border-radius:16px;transition:background .2s,border-color .2s,box-shadow .2s}
#gks-side-drawer .gks-drawer-item.gks-active{background:linear-gradient(135deg,rgba(149,95,211,.16),rgba(149,95,211,.05))!important;border-color:rgba(149,95,211,.6)!important;box-shadow:0 0 18px rgba(149,95,211,.12),inset 0 1px 0 rgba(255,255,255,.05)!important}
/* 5. top header buttons transparent / lighter */
#gks-hdr,nav#gks-hdr{background:rgba(34,20,50,.55)!important;border-color:rgba(149,95,211,.28)!important}
#gks-hdr .balance,#gks-hdr #nav-balance-wrap,#gks-hdr .menuBtn,#menu-toggle,#gks-hdr .logoBox{background:rgba(255,255,255,.05)!important;border-color:rgba(149,95,211,.35)!important}
/* 6. lighter boxes + coloured side line (same idea as admin) */
.balanceCard,.rk-card,.rk-mini,.panel-card,.pc-card,.statCard,.history-card,.deposit-history-item,.ayushDash .card{background:linear-gradient(145deg,rgba(59,35,86,.78),rgba(34,20,50,.82))!important;border:1px solid rgba(230,173,140,.22)!important;border-left:3px solid #955fd3!important;box-shadow:0 10px 28px rgba(0,0,0,.28)!important}
.rk-mini:nth-child(2n),.statCard:nth-child(2n){border-left-color:#35e0b0!important}
.rk-mini:nth-child(3n),.statCard:nth-child(3n){border-left-color:#6aa8ff!important}
.rk-mini:nth-child(4n),.statCard:nth-child(4n){border-left-color:#b68cff!important}
body,.balanceLabel,.rk-note{color:#eef3ff}
/* 7. panel category label transparent */
.panel-category-label{background:transparent!important;border:0!important;box-shadow:none!important;padding-left:0!important}
/* 8. price list: smaller + animated */
@keyframes gksPop{from{opacity:0;transform:translateY(14px) scale(.94)}to{opacity:1;transform:none}}
@keyframes gksRow{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:none}}
#modal-price-list .price-list-modal{max-width:330px!important;width:88%!important;max-height:62vh!important;animation:gksPop .3s cubic-bezier(.2,.8,.2,1) both}
#modal-price-list .price-list-body>*{animation:gksRow .32s ease both}
#modal-price-list .price-list-body>*:nth-child(2){animation-delay:.04s}#modal-price-list .price-list-body>*:nth-child(3){animation-delay:.08s}#modal-price-list .price-list-body>*:nth-child(4){animation-delay:.12s}#modal-price-list .price-list-body>*:nth-child(5){animation-delay:.16s}#modal-price-list .price-list-body>*:nth-child(n+6){animation-delay:.2s}
#modal-price-list .price-list-modal *{font-size:.94em}
/* 9. one background everywhere */
html{background:#0e0814 url(/assets/bg-wall.jpg?v=162) center/cover fixed no-repeat!important}
body{background:transparent!important}
.ayushDash,#page-dashboard .ayushDash{background:transparent!important}
/* 10. YouTube: 16:9 box, zoomed so title / logo / controls fall outside the visible area */
.pc-media,.clean-youtube-video,.video-wrapper{position:relative;overflow:hidden!important}
.clean-youtube-video,.pc-media:has(iframe[src*="youtube"]){aspect-ratio:16/9!important;height:auto!important;background:#000}
.pc-media iframe[src*="youtube"],.clean-youtube-video iframe,.video-wrapper iframe[src*="youtube"]{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;border:0!important;pointer-events:none!important;transform:scale(1.42);transform-origin:50% 50%}
.yt-cover{display:none!important}
/* 11. dashboard banner (poster) fixed size, both slides show fully */
.gksPosters{overflow:hidden!important;padding:0!important;aspect-ratio:1.9/1!important;border-radius:26px!important}
.gksPosters>.gksPostersTrack{height:100%!important;aspect-ratio:auto!important;border-radius:0!important;overflow:visible!important}
.gksPosterSlide{flex:0 0 100%!important;min-width:100%!important;height:100%!important}
.gksPosterSlide img{width:100%!important;height:100%!important;object-fit:cover!important;display:block}
/* 12. login + loading logo box: light, animated */
@keyframes gksLogoFloat{0%,100%{transform:translateY(-4px)}50%{transform:translateY(4px)}}
@keyframes gksLogoGlow{0%,100%{box-shadow:0 0 0 1px rgba(149,95,211,.35),0 8px 22px rgba(149,95,211,.12)}50%{box-shadow:0 0 0 1px rgba(149,95,211,.6),0 10px 30px rgba(149,95,211,.28)}}
.logo,.authLogo,#auth-brand-logo-wrap{animation:gksLogoFloat 3.2s ease-in-out 1}
.logo::before{border:1.5px solid rgba(149,95,211,.55)!important;box-shadow:0 0 18px rgba(149,95,211,.16)!important;animation:gksLogoGlow 2.6s ease-in-out 1}
.logo img,#auth-brand-logo,#auth-brand-logo-signup{border-radius:24px!important;background:rgba(255,255,255,.04)!important}

/* 13. Deposit amount box: clear colours */
.instant-pay-amount{background:rgba(255,255,255,.06)!important;border:1px solid rgba(149,95,211,.5)!important}
.instant-pay-amount span{color:#ad71f2!important}
.instant-pay-amount input,#manual-deposit-amount{color:#fff!important;-webkit-text-fill-color:#fff!important;caret-color:#ad71f2;font-size:22px!important;font-weight:800!important;background:transparent!important}
.instant-pay-amount input::placeholder,#manual-deposit-amount::placeholder{color:rgba(255,255,255,.4)!important;-webkit-text-fill-color:rgba(255,255,255,.4)!important}
.instant-pay-label{color:#d9cce7!important}
/* 14. My Keys page: compact boxes, same style as dashboard */
#page-history .rk-datebox{height:50px!important;border-radius:16px!important;background:linear-gradient(145deg,rgba(59,35,86,.78),rgba(34,20,50,.82))!important;border:1px solid rgba(230,173,140,.22)!important;border-left:3px solid #6aa8ff!important}
#page-history .rk-stat{min-height:84px!important;border-radius:18px!important;padding:12px 14px!important;gap:6px!important;background:linear-gradient(145deg,rgba(59,35,86,.78),rgba(34,20,50,.82))!important;border:1px solid rgba(230,173,140,.22)!important}
#page-history .rk-stat.api{border-left:3px solid #955fd3!important}
#page-history .rk-stat.site{border-left:3px solid #35e0b0!important}
#page-history .rk-stat strong{font-size:26px!important}
#page-history .rk-hist>*{background:linear-gradient(145deg,rgba(59,35,86,.78),rgba(34,20,50,.82))!important;border:1px solid rgba(230,173,140,.22)!important;border-left:3px solid #955fd3!important;border-radius:16px!important}
/* 15. less flicker between pages */
body{animation:none!important}
html,body{background-color:#0e0814!important}

/* ===== v61 ===== */
/* big uppercase store name */
html body .brandName,html body #auth-brand-name,html body #auth-brand-name-signin,html body #auth-brand-name-signup,html body .gp-brand{font-variant-caps:normal!important;font-variant:normal!important;text-transform:uppercase!important;font-size:15px!important;font-weight:800!important;letter-spacing:.06em!important;color:#fff!important}
/* panel category badge transparent */
html body .pc-badge{background:transparent!important;border-color:rgba(149,95,211,.25)!important;box-shadow:none!important;text-shadow:0 1px 6px rgba(0,0,0,.9)}
/* deposit box redesign */
html body .manual-upi-deposit-card{background:linear-gradient(160deg,rgba(69,41,102,.85),rgba(32,19,47,.92))!important;border:1px solid rgba(149,95,211,.45)!important;border-left:4px solid #955fd3!important;border-radius:26px!important;padding:20px!important;box-shadow:0 14px 36px rgba(0,0,0,.35)!important}
html body .mud-icon,html body .mud-amount>span{color:#10071b!important;-webkit-text-fill-color:#10071b!important}
html body .mud-amount{height:62px!important;background:rgba(15,7,23,.7)!important;border:1.5px solid rgba(149,95,211,.45)!important;border-radius:18px!important}
html body .mud-amount input{color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:22px!important}
html body .mud-quick{display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:7px!important}
html body .mud-quick button{height:38px!important;border-radius:12px!important;font-size:12.5px!important;background:rgba(149,95,211,.1)!important;color:#bc8df2!important}
html body .mud-hint{background:rgba(255,255,255,.04)!important;border-left:3px solid #35e0b0!important;color:#d9cce7!important;border-radius:12px!important}
/* Google button */
.gks-google-wrap{margin-top:14px}
.gks-or{display:flex;align-items:center;gap:10px;color:#a99981;font:700 11px 'JetBrains Mono',monospace;letter-spacing:.2em;margin-bottom:12px}
.gks-or:before,.gks-or:after{content:"";flex:1;height:1px;background:rgba(255,255,255,.12)}
.gks-google-btn{width:100%;height:52px;border-radius:16px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.07);color:#fff;font:700 15px Inter,system-ui,sans-serif;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:transform .12s,background .2s}
.gks-google-btn:active{transform:scale(.97);background:rgba(255,255,255,.14)}

/* ===== v63 ===== */
/* header box: transparent, bigger store name */
html body nav#gks-hdr,html body #gks-hdr{background:rgba(20,12,29,.22)!important;border-color:rgba(149,95,211,.22)!important;box-shadow:none!important}
html body #gks-hdr .balance,html body #gks-hdr #nav-balance-wrap,html body #gks-hdr .menuBtn,html body #menu-toggle,html body #gks-hdr .logoBox{background:rgba(255,255,255,.03)!important;border-color:rgba(149,95,211,.28)!important}
html body #gks-hdr .brandName,html body nav .brandName,html body .brandName{font-size:19px!important;font-weight:800!important;letter-spacing:.04em!important}
/* root / non-root badge fully transparent */
html body .pc-card .pc-media .pc-badge,html body .pc-media .pc-badge,html body .pc-badge{background:transparent!important;background-color:transparent!important;border:0!important;box-shadow:none!important;text-shadow:0 1px 8px rgba(0,0,0,.95),0 0 2px rgba(0,0,0,.9)}
/* tap-to-play overlay */
.pc-media .gks-playov{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;cursor:pointer;background:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.45));transition:opacity .25s}
.pc-media.gks-playing .gks-playov{opacity:0;pointer-events:none}
.pc-media .gks-pbtn{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;font-size:24px;padding-left:5px;color:#10071b;background:linear-gradient(135deg,#bd8df3,#8042c6);box-shadow:0 0 0 6px rgba(149,95,211,.25),0 8px 24px rgba(0,0,0,.5);animation:gksPulse 1.8s ease-in-out 1}
.pc-media .gks-playov em{font:700 11px 'JetBrains Mono',monospace;font-style:normal;letter-spacing:.2em;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.9);line-height:1}
@keyframes gksPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}
.pc-media:not(.gks-playing) .pc-snd{display:none!important}
/* premium price list */
@keyframes gksPlansIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@keyframes gksShineBtn{0%{background-position:0 0}100%{background-position:200% 0}}
html body .pc-card .pc-plans{background:linear-gradient(160deg,rgba(149,95,211,.10),rgba(34,20,50,.72))!important;border:1px solid rgba(149,95,211,.38)!important;border-radius:22px!important;padding:6px 10px 12px!important;margin-top:10px!important;box-shadow:0 12px 30px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.06)!important;animation:gksPlansIn .3s ease both}
html body .pc-card .pc-plans::before{content:"PRICE LIST";display:block;text-align:center;font:800 10px 'JetBrains Mono',monospace;letter-spacing:.3em;color:#955fd3;padding:10px 0 4px}
html body .pc-card .pc-row{display:flex!important;align-items:center!important;gap:9px!important;padding:9px 11px!important;margin-top:8px!important;border-radius:16px!important;background:linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.02))!important;border:1px solid rgba(149,95,211,.22)!important;border-left:3px solid #955fd3!important}
html body .pc-card .pc-row:nth-child(3n+2){border-left-color:#35e0b0!important}
html body .pc-card .pc-row:nth-child(3n+3){border-left-color:#6aa8ff!important}
html body .pc-card .pc-l{color:#fff!important;font-weight:800!important}
html body .pc-card .pc-p{color:#bc8df2!important;font-weight:800!important;text-shadow:0 0 12px rgba(149,95,211,.3)}
html body .pc-card .pc-qty{background:rgba(0,0,0,.35)!important;border:1px solid rgba(255,255,255,.12)!important;color:#fff!important}
html body .pc-card .pc-go{height:34px!important;min-width:58px!important;border:0!important;border-radius:11px!important;font-weight:900!important;letter-spacing:.06em!important;color:#10071b!important;background:linear-gradient(110deg,#8042c6,#bd8df3,#8042c6)!important;background-size:200% 100%!important;box-shadow:0 6px 16px rgba(149,95,211,.28)!important;animation:gksShineBtn 3.5s linear 1}

/* ===== v64 ===== */
/* header + logo + badge: forced transparent (id repeated to beat older rules) */
html body #gks-hdr#gks-hdr#gks-hdr,html body nav#gks-hdr#gks-hdr#gks-hdr{background:rgba(17,10,26,.12)!important;background-image:none!important;border:1px solid rgba(149,95,211,.20)!important;box-shadow:none!important;}
html body #gks-hdr#gks-hdr .brandArea,html body #gks-hdr#gks-hdr .brandText,html body #gks-hdr#gks-hdr .logoBox,html body #gks-hdr#gks-hdr .logoBox img,html body #gks-hdr#gks-hdr .balance,html body #gks-hdr#gks-hdr .menuBtn,html body #gks-hdr#gks-hdr .headerRight{background:transparent!important;background-image:none!important;box-shadow:none!important}
html body #gks-hdr#gks-hdr .logoBox{border-color:transparent!important;padding:0!important}
html body #gks-hdr#gks-hdr .logoBox img{border-radius:14px!important}
html body #gks-hdr#gks-hdr .balance,html body #gks-hdr#gks-hdr .menuBtn{border:1px solid rgba(149,95,211,.35)!important}
html body .pc-card .pc-media .pc-badge.pc-badge.pc-badge{background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important;}
/* price-list quantity stepper */
html body .pc-card .pc-qty{display:inline-flex!important;align-items:center;justify-content:space-between;width:auto!important;min-width:78px;height:32px!important;padding:0 4px;gap:2px;border-radius:10px!important}
.pc-qty b{width:24px;height:24px;display:grid;place-items:center;border-radius:8px;background:rgba(149,95,211,.18);color:#bc8df2;font:800 16px/1 Inter,sans-serif;cursor:pointer;user-select:none}
.pc-qty b:active{background:rgba(149,95,211,.4)}
.pc-qty i{font:800 14px 'JetBrains Mono',monospace;font-style:normal;min-width:18px;text-align:center;color:#fff}
/* multi-line keys */
#modal-key-display{white-space:pre-line!important;line-height:1.7}
/* ===== CHECKOUT (best look) ===== */
@keyframes gksModalIn{from{opacity:0;transform:translateY(24px) scale(.95)}to{opacity:1;transform:none}}
@keyframes gksSpinA{to{--gks-a:360deg}}
@property --gks-a{syntax:'<angle>';inherits:false;initial-value:0deg}
html body #modal-checkout{background:rgba(11,6,17,.72)!important;}
html body #modal-checkout .checkout-modal{width:min(92vw,380px)!important;padding:22px 20px 20px!important;border-radius:28px!important;border:2px solid transparent!important;background:linear-gradient(160deg,#28183b,#170e22) padding-box,conic-gradient(from var(--gks-a),#955fd3,#35e0b0,#6aa8ff,#b68cff,#955fd3) border-box!important;box-shadow:0 26px 70px rgba(0,0,0,.6),0 0 40px rgba(149,95,211,.12)!important;animation:gksModalIn .35s cubic-bezier(.2,.9,.2,1) both,gksSpinA 7s linear 1}
html body #modal-checkout .modal-title{justify-content:center;font:800 18px 'Space Grotesk',Inter,sans-serif!important;letter-spacing:.16em;text-transform:uppercase;color:#bc8df2!important;margin-bottom:14px!important}
html body #modal-checkout .modal-title i{color:#bc8df2!important}
html body #modal-checkout .checkout-details{background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:20px!important;padding:6px 14px 14px!important}
html body #modal-checkout .checkout-row{display:flex;justify-content:space-between;align-items:center;padding:11px 0!important;border-bottom:1px dashed rgba(255,255,255,.1)!important;color:#b6a2cc}
html body #modal-checkout .checkout-row strong{color:#fff}
html body #modal-checkout .checkout-plan-select{width:100%;height:46px;margin-top:6px;border-radius:14px!important;background:rgba(0,0,0,.35)!important;color:#fff!important;border:1px solid rgba(149,95,211,.4)!important;padding:0 12px;font:700 14px Inter,sans-serif}
html body #modal-checkout .chk-stepper{display:inline-flex;align-items:center;gap:4px;background:rgba(0,0,0,.35);border:1px solid rgba(149,95,211,.4);border-radius:14px;padding:3px}
html body #modal-checkout .chk-stepper b{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:rgba(149,95,211,.2);color:#bc8df2;font:800 20px/1 Inter;cursor:pointer;user-select:none}
html body #modal-checkout .chk-stepper b:active{background:rgba(149,95,211,.45)}
html body #modal-checkout .chk-stepper i{min-width:34px;text-align:center;font:800 17px 'JetBrains Mono',monospace;font-style:normal;color:#fff}
html body #modal-checkout .checkout-total{margin-top:12px!important;padding:14px!important;border-radius:16px!important;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,rgba(149,95,211,.18),rgba(53,224,176,.10))!important;border:1px solid rgba(149,95,211,.4)!important;color:#fff}
html body #modal-checkout .checkout-total #chk-final-price{font:800 26px 'JetBrains Mono',monospace;color:#bc8df2;text-shadow:0 0 16px rgba(149,95,211,.35)}
#chk-q-note{text-align:center;font:600 11px Inter,sans-serif;color:#35e0b0;margin-top:8px;letter-spacing:.03em}
html body #modal-checkout .checkout-actions{display:grid!important;grid-template-columns:1fr 1.5fr;gap:10px;margin-top:16px!important}
html body #modal-checkout .checkout-actions .btn{height:50px;border-radius:16px!important;font-weight:800!important;letter-spacing:.06em}
html body #modal-checkout .btn-purchase{border:0!important;color:#10071b!important;background:linear-gradient(110deg,#8042c6,#bd8df3,#8042c6)!important;background-size:200% 100%!important;animation:gksShineBtn 3s linear 1;box-shadow:0 10px 24px rgba(149,95,211,.3)!important}
/* ===== DASHBOARD restyle ===== */
@keyframes gksUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes gksFlow{0%{background-position:0% 50%}100%{background-position:300% 50%}}
@keyframes gksFloatI{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes gksBreath{0%,100%{box-shadow:0 18px 50px rgba(0,0,0,.45),0 0 26px rgba(53,224,176,.10)}50%{box-shadow:0 18px 50px rgba(0,0,0,.45),0 0 44px rgba(149,95,211,.22)}}
html body #page-dashboard .balanceCard{border:2px solid transparent!important;background:linear-gradient(150deg,#231534,#180d25 60%,#211330) padding-box,conic-gradient(from var(--gks-a),#955fd3,#35e0b0,#6aa8ff,#b68cff,#955fd3) border-box!important;animation:gksSpinA 8s linear 1,gksBreath 4s ease-in-out 1,gksUp .5s ease both!important;border-radius:28px!important}
html body #page-dashboard .balanceBox{background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.02))!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:22px!important}
html body #page-dashboard .balanceBoxGlow{background:rgba(53,224,176,.16)!important}
html body #page-dashboard .balanceAmount,html body #page-dashboard .balanceAmount *{background:linear-gradient(90deg,#bd8df3,#35e0b0,#6aa8ff,#b68cff,#bd8df3);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent!important;animation:gksFlow 6s linear 1!important;text-shadow:none!important}
html body #page-dashboard .balanceLabel{color:#bc8df2!important;border-color:rgba(149,95,211,.4)!important;background:rgba(149,95,211,.08)!important}
html body #page-dashboard .statsGrid .statCard{background:linear-gradient(155deg,rgba(56,33,82,.85),rgba(26,15,38,.92))!important;border:1px solid rgba(255,255,255,.09)!important;border-top:3px solid var(--ac,#955fd3)!important;border-radius:22px!important;box-shadow:0 12px 28px rgba(0,0,0,.35)!important;animation:gksUp .55s ease both;transition:transform .2s,box-shadow .2s}
html body #page-dashboard .statsGrid .statCard:active{transform:scale(.97)}
html body #page-dashboard .statsGrid .statCard:nth-child(1){--ac:#955fd3;animation-delay:.05s}
html body #page-dashboard .statsGrid .statCard:nth-child(2){--ac:#35e0b0;animation-delay:.12s}
html body #page-dashboard .statsGrid .statCard:nth-child(3){--ac:#6aa8ff;animation-delay:.19s}
html body #page-dashboard .statsGrid .statCard:nth-child(4){--ac:#b68cff;animation-delay:.26s}
html body #page-dashboard .statsGrid .statCard:nth-child(n) *:first-child{animation:gksFloatI 3s ease-in-out 1}
html body #page-dashboard .statsGrid .statCard strong,html body #page-dashboard .statsGrid .statCard b{color:var(--ac,#fff)!important}

/* ===== v65: LOGIN / SIGNUP redesign ===== */
@keyframes gksAurora{0%{background-position:0% 0%,100% 100%}100%{background-position:30% 20%,70% 80%}}
@keyframes gksPillDot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}
html body #auth-screen#auth-screen{background:radial-gradient(circle at 50% -5%,rgba(242,97,13,.22),transparent 45%),radial-gradient(circle at 50% 110%,rgba(255,43,214,.20),transparent 45%),#0e0814!important}
html body #auth-screen .authpage-wrap{max-width:420px;padding:22px 14px 30px!important}
/* logo: calm rounded square, no extra rings */
html body #auth-screen .authpage-icon#auth-x,html body #auth-screen .authpage-icon{width:84px!important;height:84px!important;margin:0 auto 14px!important;border-radius:24px!important;border:1px solid rgba(255,255,255,.14)!important;background:#170e22!important;box-shadow:0 10px 30px rgba(0,0,0,.55),0 0 28px rgba(242,97,13,.18)!important;animation:none!important;overflow:hidden!important}
html body #auth-screen .authpage-icon::before,html body #auth-screen .authpage-icon::after{display:none!important;content:none!important}
html body #auth-screen .authpage-icon>:not(img){display:none!important}
html body #auth-screen .authpage-icon img{width:100%!important;height:100%!important;border-radius:24px!important;object-fit:cover!important}
html body #auth-screen .authpage-title{font-size:30px!important;letter-spacing:.06em!important;margin:0 0 6px!important;text-align:center}
html body #auth-screen .authpage-title span{background:linear-gradient(90deg,#fff 0 55%,#7700ff 70%,#ff2bd6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
html body #auth-screen .authpage-tagline{display:none!important}
/* glass card */
html body #auth-screen .authpage-card{position:relative;border-radius:30px!important;padding:24px 20px 20px!important;background:linear-gradient(160deg,rgba(39,23,58,.78),rgba(24,14,36,.82))!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 24px 60px rgba(0,0,0,.55)!important;overflow:hidden}
html body #auth-screen .authpage-card::before{content:"";position:absolute;top:0;left:18%;right:18%;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,#7700ff,transparent);box-shadow:0 0 14px #7700ff}
html body #auth-screen .authpage-card:has(#signupForm:not([style*="none"]))::before{background:linear-gradient(90deg,transparent,#ff2bd6,transparent);box-shadow:0 0 14px #ff2bd6}
html body #auth-screen .gks-pill{display:flex!important;align-items:center;justify-content:center;gap:9px;width:fit-content;margin:0 auto 14px!important;padding:9px 18px!important;border-radius:30px!important;font:800 11px 'JetBrains Mono',Inter,sans-serif!important;letter-spacing:.2em!important;color:#7700ff!important;background:rgba(242,97,13,.08)!important;border:1px solid rgba(242,97,13,.35)!important}
html body #auth-screen .gks-pill i{width:9px;height:9px;border-radius:50%;background:#7700ff;box-shadow:0 0 10px #7700ff;animation:gksPillDot 1.6s ease-in-out 1}
html body #auth-screen #signupForm .gks-pill{color:#ff2bd6!important;background:rgba(255,43,214,.08)!important;border-color:rgba(255,43,214,.4)!important}
html body #auth-screen #signupForm .gks-pill i{background:#ff2bd6;box-shadow:0 0 10px #ff2bd6}
html body #auth-screen .gks-sub{text-align:center;color:#b6a2cc;font:500 14px Inter,sans-serif;margin-bottom:18px}
html body #auth-screen .authpage-label{font:700 12px Inter,sans-serif!important;letter-spacing:.12em!important;text-transform:uppercase;color:#bfadd3!important;margin:14px 0 8px!important}
html body #auth-screen .authpage-input{height:56px!important;border-radius:18px!important;background:rgba(14,7,21,.7)!important;border:1px solid rgba(255,255,255,.1)!important;color:#fff!important;padding-left:50px!important;font:500 16px Inter,sans-serif!important;background-repeat:no-repeat!important;background-position:16px center!important;background-size:20px!important;transition:border-color .2s,box-shadow .2s}
html body #auth-screen .authpage-input:focus{border-color:#7700ff!important;box-shadow:0 0 0 3px rgba(242,97,13,.15)!important;outline:0}
html body #auth-screen #login-email,html body #auth-screen #signup-username{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%238fa3c7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='8' r='4'/><path d='M4 21c0-4 4-6 8-6s8 2 8 6'/></svg>")!important}
html body #auth-screen #login-pass,html body #auth-screen #signup-pass{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%238fa3c7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='4' y='11' width='16' height='10' rx='2'/><path d='M8 11V7a4 4 0 0 1 8 0v4'/></svg>")!important}
html body #auth-screen #signup-confirm{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%238fa3c7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M12 3l8 3v6c0 5-3.5 8-8 9-4.5-1-8-4-8-9V6z'/></svg>")!important}
html body #auth-screen .authpage-btn{height:58px!important;border-radius:20px!important;border:0!important;font:900 16px Inter,sans-serif!important;letter-spacing:.1em!important;color:#13091e!important;background:linear-gradient(100deg,#7700ff,#0a84ff)!important;box-shadow:0 12px 30px rgba(242,97,13,.4)!important;margin-top:20px!important;display:flex;align-items:center;justify-content:center;gap:10px}
html body #auth-screen #btn-signup{color:#fff!important;background:linear-gradient(100deg,#ff2bd6,#e11d48)!important;box-shadow:0 12px 30px rgba(255,43,150,.4)!important}
html body #auth-screen .authpage-btn:active{transform:scale(.97)}
html body #auth-screen .gks-google-btn{height:56px;border-radius:18px;background:rgba(255,255,255,.07);color:#fff;border:1px solid rgba(255,255,255,.18)}
html body #auth-screen .gks-or{font:700 12px Inter,sans-serif;letter-spacing:.14em;color:#a993c3}
html body #auth-screen .authpage-switch{margin-top:20px;text-align:center;color:#bfadd3}
html body #auth-screen .authpage-switch span{color:#7700ff!important;font-weight:800}
html body #auth-screen .authpage-card:has(#signupForm:not([style*="none"])) .authpage-switch span{color:#ff2bd6!important}
html body #auth-screen [class*="error"],html body #auth-screen .authpage-error{color:#ff8aa0!important;text-align:center;font:600 13px Inter,sans-serif;margin-top:12px}
/* ===== v65: transparent balance box + telegram float + badge ===== */
html body #page-dashboard .balanceCard{background:rgba(255,255,255,.035)!important;}
html body #page-dashboard .balanceBox{background:transparent!important;border-color:rgba(255,255,255,.14)!important;box-shadow:none!important}
html body #gks-tg-float,html body #global-telegram-btn{background:rgba(217,101,34,.12)!important;border:1.5px solid rgba(34,158,217,.55)!important;box-shadow:none!important;animation:none!important}
html body #gks-tg-float::before,html body #gks-tg-float::after,html body #global-telegram-btn::before,html body #global-telegram-btn::after{display:none!important}

/* ===== v66 ===== */
/* category badge: small light-glass box (not fully invisible) */
html body .pc-card .pc-media .pc-badge.pc-badge.pc-badge{background:rgba(17,10,26,.34)!important;border:1px solid rgba(255,255,255,.16)!important;padding:5px 12px!important;border-radius:14px!important;font-size:11px!important;height:auto!important;text-shadow:0 1px 4px rgba(0,0,0,.8)}
/* CHECKOUT: smaller */
html body #modal-checkout .checkout-modal{width:min(86vw,320px)!important;padding:14px 14px 14px!important;border-radius:22px!important;max-height:86vh;overflow-y:auto}
html body #modal-checkout .modal-title{font-size:14px!important;margin-bottom:8px!important}
html body #modal-checkout .checkout-details{padding:2px 10px 10px!important;border-radius:16px!important}
html body #modal-checkout .checkout-row{padding:7px 0!important;font-size:13px!important}
html body #modal-checkout .checkout-plan-select{height:38px!important;font-size:13px!important;margin-top:4px!important}
html body #modal-checkout .chk-stepper b{width:28px;height:28px;font-size:16px}
html body #modal-checkout .chk-stepper i{min-width:26px;font-size:14px}
html body #modal-checkout .checkout-total{margin-top:8px!important;padding:9px 12px!important;border-radius:13px!important;font-size:13px}
html body #modal-checkout .checkout-total #chk-final-price{font-size:20px!important}
html body #modal-checkout .checkout-actions{margin-top:10px!important;gap:8px!important;display:grid!important;grid-template-columns:1fr 1.4fr!important}
html body #modal-checkout .checkout-actions .btn{height:42px!important;border-radius:13px!important;font-size:13px!important}
/* DASHBOARD balance box: clean & compact */
html body #page-dashboard .balanceCard{min-height:150px!important;padding:12px 0!important;border-radius:24px!important}
html body #page-dashboard .balanceBox{min-height:86px!important;padding:12px 16px!important;border-radius:18px!important}
html body #page-dashboard .balanceAmount,html body #page-dashboard .balanceAmount *{font-size:34px!important;background:none!important;-webkit-text-fill-color:#fff!important;color:#fff!important;animation:none!important;text-shadow:0 0 18px rgba(149,95,211,.45)!important}
html body #page-dashboard .balanceAmount .currency,html body #page-dashboard .balanceAmount .gold{-webkit-text-fill-color:#bc8df2!important;color:#bc8df2!important}
/* Telegram: small glass button, bottom-right, clear of cards */
html body #gks-tg-float,html body #global-telegram-btn{width:50px!important;height:50px!important;right:14px!important;bottom:18px!important;border-radius:50%!important;display:grid;place-items:center}
html body #gks-tg-float svg,html body #global-telegram-btn svg,html body #gks-tg-float img,html body #global-telegram-btn img{width:24px!important;height:24px!important}
/* signup extra fields */
html body #auth-screen .gks-extra select.authpage-input{appearance:none;-webkit-appearance:none;color:#fff!important}
html body #auth-screen .gks-extra select.authpage-input option{background:#170e22;color:#fff}
html body #auth-screen .gks-i-user{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%238fa3c7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='8' r='4'/><path d='M4 21c0-4 4-6 8-6s8 2 8 6'/></svg>")!important}
html body #auth-screen .gks-i-mail{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%238fa3c7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='5' width='18' height='14' rx='2'/><path d='M3 7l9 6 9-6'/></svg>")!important}
html body #auth-screen .gks-i-globe{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%238fa3c7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='9'/><path d='M3 12h18M12 3a14 14 0 0 1 0 18M12 3a14 14 0 0 0 0 18'/></svg>")!important}
html body #auth-screen .authpage-switch{font-size:15px}

/* ===== v67: LOGIN same-to-same ===== */
html body #auth-screen .authpage-icon,html body #auth-screen .authpage-wrap>.authpage-title,html body #auth-screen .authpage-tagline{display:none!important}
html body #auth-screen .authpage-wrap{display:flex;flex-direction:column;justify-content:center;min-height:100%;padding:18px 14px 30px!important;max-width:440px;margin:0 auto}
html body #auth-screen#auth-screen{background:radial-gradient(ellipse at 50% 0%,rgba(242,97,13,.28),transparent 55%),radial-gradient(ellipse at 20% 100%,rgba(255,43,214,.22),transparent 55%),#0d0813!important}
html body #auth-screen:has(#signupForm:not([style*="none"])){background:radial-gradient(ellipse at 50% 0%,rgba(255,43,214,.30),transparent 55%),radial-gradient(ellipse at 80% 100%,rgba(242,97,13,.22),transparent 55%),#0f0916!important}
html body #auth-screen .authpage-card{border-radius:34px!important;padding:26px 18px 22px!important;border:1px solid rgba(242,97,13,.28)!important;background:linear-gradient(170deg,rgba(35,19,54,.85),rgba(26,15,38,.88))!important}
html body #auth-screen .authpage-card:has(#signupForm:not([style*="none"])){border-color:rgba(255,43,214,.32)!important;background:linear-gradient(170deg,rgba(36,12,40,.88),rgba(29,16,44,.88))!important}
html body #auth-screen .gks-ttl{margin:12px 0 4px;text-align:center;font:800 29px/1.1 'Plus Jakarta Sans','Outfit',Inter,system-ui,sans-serif;letter-spacing:.015em;white-space:nowrap}
html body #auth-screen .gks-ttl b{color:#fff;font-weight:800}
html body #auth-screen .gks-ttl span{background:linear-gradient(90deg,#7700ff,#a06bff 60%,#ff2bd6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
html body #auth-screen #signupForm .gks-ttl span{background:linear-gradient(90deg,#ff2bd6,#a06bff 55%,#7700ff);-webkit-background-clip:text;background-clip:text}
html body #auth-screen .gks-sub{font-size:16px;margin-bottom:12px}
html body #auth-screen .authpage-input{height:60px!important;border-radius:20px!important;background-color:rgba(14,8,21,.78)!important}
html body #auth-screen #loginForm .authpage-btn{border-radius:22px!important;height:62px!important}
html body #auth-screen .authpage-switch{font-size:16px;margin-top:22px!important}
#gks-back-home{display:flex;align-items:center;justify-content:center;gap:8px;margin:16px auto 4px;font:700 16px Inter,sans-serif;color:#7700ff;text-decoration:none}
html body #auth-screen:has(#signupForm:not([style*="none"])) #gks-back-home{color:#ff2bd6}
/* ===== v67: TELEGRAM bigger + animation ===== */
@keyframes gksTgRing{0%{transform:scale(1);opacity:.65}100%{transform:scale(1.75);opacity:0}}
@keyframes gksTgFloat{0%,100%{transform:translateY(0) rotate(0)}25%{transform:translateY(-5px) rotate(-6deg)}75%{transform:translateY(-2px) rotate(5deg)}}
html body #gks-tg-float,html body #global-telegram-btn{width:64px!important;height:64px!important;right:14px!important;bottom:20px!important;background:linear-gradient(145deg,rgba(244,117,43,.35),rgba(217,101,34,.35))!important;border:1.5px solid rgba(80,190,255,.75)!important;box-shadow:0 8px 22px rgba(220,93,20,.35)!important;animation:gksTgFloat 3.2s ease-in-out 1!important;overflow:visible!important}
html body #gks-tg-float::before,html body #global-telegram-btn::before{content:""!important;display:block!important;position:absolute;inset:0;border-radius:50%;border:2px solid rgba(80,190,255,.7);animation:gksTgRing 2.2s ease-out 1;pointer-events:none}
html body #gks-tg-float svg,html body #global-telegram-btn svg,html body #gks-tg-float img,html body #global-telegram-btn img{width:32px!important;height:32px!important}
/* ===== v67: BALANCE card = black-gold wallet card (new design) ===== */
@keyframes gksFoil{0%{background-position:0% 50%}100%{background-position:200% 50%}}
html body #page-dashboard .balanceCard{align-items:flex-start!important;text-align:left!important;min-height:168px!important;padding:20px 22px!important;border-radius:22px!important;border:1.5px solid rgba(76,146,214,.55)!important;background:linear-gradient(135deg,#462869 0%,#321b4c 48%,#211233 100%)!important;background-image:linear-gradient(135deg,#462869 0%,#321b4c 48%,#211233 100%)!important;animation:none!important;box-shadow:0 0 0 1px rgba(214,127,76,.10),0 0 24px rgba(210,115,60,.28),0 16px 40px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.08)!important;}
html body #page-dashboard .balanceCard::before{content:"";position:absolute;right:-40px;top:-40px;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,rgba(247,153,99,.30),transparent 68%);pointer-events:none}
html body #page-dashboard .balanceCard::after{content:"";position:absolute;right:20px;top:20px;width:46px;height:34px;border-radius:8px;background:linear-gradient(135deg,#bd8df3,#6e2fb4,#bd8df3);background-size:200% 100%;animation:gksFoil 4s linear 1;box-shadow:inset 0 0 0 2px rgba(0,0,0,.25),inset 0 0 0 5px rgba(255,255,255,.12)}
html body #page-dashboard .balanceInner{width:100%!important;text-align:left!important}
html body #page-dashboard .balanceLabel{background:none!important;border:0!important;padding:0!important;min-width:0!important;justify-content:flex-start!important;color:#bc8df2!important;font:700 11px 'JetBrains Mono',monospace!important;letter-spacing:.3em!important}
html body #page-dashboard .balanceBox{background:none!important;border:0!important;box-shadow:none!important;padding:6px 0 0!important;min-height:0!important;align-items:flex-start!important;margin-top:8px!important}
html body #page-dashboard .balanceBoxGlow,html body #page-dashboard .balanceShine,html body #page-dashboard .sideGlow{display:none!important}
html body #page-dashboard .balanceAmount,html body #page-dashboard .balanceAmount *{font-size:42px!important;font-weight:800!important;background:linear-gradient(100deg,#fff 0%,#bd8df3 40%,#fff 60%,#bd8df3 100%)!important;background-size:200% 100%!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important;animation:gksFoil 5s linear 1!important;text-shadow:none!important}
html body #page-dashboard .balanceStatus{color:#b7a3cd!important;font-size:12px!important;margin-top:10px!important;text-align:left}

/* ===== v66: playing = only animated sound button; paused = play + CLICK TO WATCH DEMO ===== */
html body .pc-media.gks-playing .gks-playov,html body .pc-media.gks-playing .gks-vplay,html body .pc-media.gks-playing .gks-ytplay{opacity:0!important;visibility:hidden!important;pointer-events:none!important;display:none!important}
html body .pc-media:not(.gks-playing) .gks-vsnd{display:none!important}
html body .pc-media .gks-playov{z-index:30}
html body #page-home #pc-list .pc-media.gks-playing .gks-vsnd{display:flex!important;animation:gksSndIn .35s cubic-bezier(.2,1.4,.4,1) both}
html body .pc-media .gks-vsnd{overflow:visible!important}
html body .pc-media .gks-vsnd::before,html body .pc-media .gks-vsnd::after{content:"";position:absolute;inset:-2px;border-radius:50%;border:2px solid rgba(165,109,229,.85);pointer-events:none;opacity:0}
html body .pc-media .gks-vsnd.on::before{animation:gksRing 1.8s ease-out 1}
html body .pc-media .gks-vsnd.on::after{animation:gksRing 1.8s ease-out .9s 1}
html body .pc-media .gks-vsnd.on{box-shadow:0 0 14px rgba(165,109,229,.55),0 5px 15px rgba(0,0,0,.4)!important}
html body .pc-media .gks-vsnd .gks-sound-icon{animation:gksPop .38s cubic-bezier(.2,1.5,.4,1)}
html body .pc-media .gks-vsnd.on .gks-sound-icon path:nth-child(2){animation:gksWave 1.1s ease-in-out 1}
html body .pc-media .gks-vsnd:not(.on) .gks-sound-icon path:nth-child(2){animation:gksShake .5s ease-in-out}
@keyframes gksRing{0%{transform:scale(1);opacity:.85}100%{transform:scale(1.75);opacity:0}}
@keyframes gksPop{0%{transform:scale(.4) rotate(-20deg)}70%{transform:scale(1.2) rotate(6deg)}100%{transform:scale(1) rotate(0)}}
@keyframes gksWave{0%,100%{opacity:1}50%{opacity:.25}}
@keyframes gksShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-1.5px)}75%{transform:translateX(1.5px)}}
@keyframes gksSndIn{from{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}

/* dashboard side boxes = same blue as all other boxes */
html body #page-dashboard .statsGrid .statCard,html body #page-dashboard .navBox,html body #page-dashboard .reseller{background:linear-gradient(160deg,#2a193e 0%,#1a0f26 100%)!important;border:1.5px solid rgba(76,146,214,.55)!important;border-radius:22px!important;box-shadow:0 0 0 1px rgba(214,127,76,.10),0 0 22px rgba(210,115,60,.20),inset 0 1px 0 rgba(255,255,255,.06)!important}