/* ============ v89 — premium pass: header, store, price list, notifications, support, referral, Google login ============
   Loaded LAST (index.html + login.html). Palette: night-blue glass + gold. No looping animations (light + fast). */
:root{--g89-gold:#b079ef;--g89-gold2:#813bd0;--g89-line:rgba(158,109,213,.42);--g89-card:linear-gradient(155deg,#2d1a42 0%,#1a0f26 62%,#211330 100%);--g89-txt:#f6eeff;--g89-sub:#b8a3d0}

/* ---------- 1) HEADER: solid, so page text never shows through it while scrolling ---------- */
html body #main-app>.topHeader{background:linear-gradient(150deg,#231534,#150c1e)!important;border:1px solid var(--g89-line)!important;box-shadow:0 10px 26px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.06)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;isolation:isolate}
html body #main-app>.topHeader .balance{background:linear-gradient(145deg,#2e1b43,#180e24)!important;border:1px solid rgba(176,121,239,.55)!important}

/* ---------- 2) STORE: product card ---------- */
html body #page-home #pc-list .pc-card{border-radius:26px!important;border:1px solid var(--g89-line)!important;background:var(--g89-card)!important;box-shadow:0 18px 40px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.03) inset,0 1px 0 rgba(255,255,255,.07) inset!important;padding:12px 12px 14px!important;margin-bottom:18px!important;position:relative}
html body #page-home #pc-list .pc-card::before{content:"";position:absolute;left:18px;right:18px;top:0;height:2px;border-radius:0 0 4px 4px;background:linear-gradient(90deg,transparent,var(--g89-gold),transparent);opacity:.8;pointer-events:none;z-index:3}
html body #page-home #pc-list .pc-card .pc-media{border-radius:20px!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 10px 24px rgba(0,0,0,.4)!important}
html body #page-home #pc-list .pc-card .pc-badge{background:linear-gradient(145deg,#1c1129,#0e0717)!important;border:1px solid rgba(176,121,239,.7)!important;color:var(--g89-gold)!important;font:800 11.5px/1 'JetBrains Mono',ui-monospace,monospace!important;letter-spacing:.2em!important;padding:8px 14px!important;border-radius:999px!important}
html body #page-home #pc-list .pc-card .pc-name{margin:16px 6px 6px!important;text-align:center!important;font:800 clamp(20px,6.2vw,27px)/1.18 'Space Grotesk','Inter',sans-serif!important;letter-spacing:.07em!important;text-transform:uppercase;background:linear-gradient(180deg,#d9bafd,#955dd6 70%,#6e30b5);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--g89-gold)!important;word-break:break-word}
html body #page-home #pc-list .pc-card .pc-div{margin:6px 0 14px!important}

/* Feedback / Update File: clear coloured buttons, label always readable */
html body #page-home #pc-list .pc-card .pc-btns{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin:0 0 12px!important}
html body #page-home #pc-list .pc-card .pc-btns>*{display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;min-height:52px!important;padding:0 10px!important;border-radius:16px!important;text-decoration:none!important;font:800 15px/1.1 'Poppins','Inter',sans-serif!important;letter-spacing:.01em!important;opacity:1!important;visibility:visible!important;white-space:nowrap;-webkit-text-fill-color:currentColor!important}
html body #page-home #pc-list .pc-card .pc-btns>*>*{opacity:1!important;visibility:visible!important;color:inherit!important;-webkit-text-fill-color:currentColor!important}
html body #page-home #pc-list .pc-card .pc-btns .pc-fb{color:#c18dfc!important;background:linear-gradient(145deg,#1e122c,#110a18)!important;border:1px solid rgba(176,121,239,.6)!important;box-shadow:0 6px 16px rgba(0,0,0,.32)!important}
html body #page-home #pc-list .pc-card .pc-btns .pc-up{color:#7ff0c3!important;background:linear-gradient(145deg,#0f3027,#0a1b19)!important;border:1px solid rgba(52,211,153,.6)!important;box-shadow:0 6px 16px rgba(0,0,0,.32)!important}
html body #page-home #pc-list .pc-card .pc-btns>*:active{transform:scale(.97)}

/* Buy Reseller Key */
html body #page-home #pc-list .pc-card .pc-buy:not(.maint){display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;width:100%!important;min-height:58px!important;border-radius:18px!important;border:1px solid rgba(210,172,253,.65)!important;background:linear-gradient(135deg,#bd8df3 0%,#9353dc 52%,#7a38c5 100%)!important;color:#0f061a!important;font:900 17.5px/1 'Poppins','Inter',sans-serif!important;letter-spacing:.015em!important;box-shadow:0 12px 26px rgba(125,62,197,.32),inset 0 1px 0 rgba(255,255,255,.55)!important;-webkit-text-fill-color:#0f061a!important}
html body #page-home #pc-list .pc-card .pc-buy:not(.maint) .buy-key-icon{display:grid!important;place-items:center;width:38px;height:38px;border-radius:12px;background:rgba(255,255,255,.34);border:1px solid rgba(255,255,255,.55);color:#160529!important}
html body #page-home #pc-list .pc-card .pc-buy:not(.maint) .buy-arrow{display:grid!important;place-items:center;width:30px;height:30px;border-radius:10px;background:rgba(255,255,255,.28);color:#160529!important}

/* ---------- 3) PRICE LIST — same gold family as the card (was teal/green) ---------- */
html body #page-home #pc-list .pc-card .pc-plans{margin-top:14px!important;padding:14px 12px 12px!important;border-radius:22px!important;background:linear-gradient(165deg,#1e122d 0%,#150d1f 100%)!important;border:1px solid rgba(158,109,213,.38)!important;box-shadow:0 10px 26px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.05)!important}
html body #page-home #pc-list .pc-card .pc-plans::before{content:"PRICE LIST"!important;display:block!important;text-align:center!important;margin:0 0 12px!important;color:var(--g89-gold)!important;font:800 12.5px/1 'JetBrains Mono',ui-monospace,monospace!important;letter-spacing:.34em!important;text-shadow:none!important}
html body #page-home #pc-list .pc-card .pc-plans .pc-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;grid-template-areas:"l q g" "p q g"!important;align-items:center!important;column-gap:10px!important;row-gap:3px!important;padding:12px 12px 12px 18px!important;margin:0 0 9px!important;border-radius:18px!important;background:linear-gradient(135deg,rgba(255,255,255,.06),rgba(255,255,255,.02))!important;border:1px solid rgba(158,109,213,.26)!important;box-shadow:0 4px 14px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.05)!important;overflow:hidden!important;position:relative!important}
html body #page-home #pc-list .pc-card .pc-plans .pc-row:last-child{margin-bottom:0!important}
html body #page-home #pc-list .pc-card .pc-plans .pc-row::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,#bd8df3,#7a38c5)!important}
html body #page-home #pc-list .pc-card .pc-plans .pc-row .pc-l{grid-area:l!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;word-break:break-word;color:#fff!important;font:800 15.5px/1.2 'Space Grotesk','Inter',sans-serif!important;letter-spacing:.03em!important;opacity:1!important;-webkit-text-fill-color:#fff!important}
html body #page-home #pc-list .pc-card .pc-plans .pc-row .pc-p{grid-area:p!important;color:var(--g89-gold)!important;font:800 15px/1.1 'JetBrains Mono',ui-monospace,monospace!important;opacity:1!important;-webkit-text-fill-color:var(--g89-gold)!important}
html body #page-home #pc-list .pc-card .pc-plans .pc-row .pc-qty{grid-area:q!important;background:#150c1e!important;border:1px solid rgba(158,109,213,.45)!important;border-radius:14px!important;padding:3px!important}
html body #page-home #pc-list .pc-card .pc-plans .pc-row .pc-qty b{width:28px!important;height:28px!important;border-radius:9px!important;background:linear-gradient(145deg,#201032,#140b1e)!important;color:var(--g89-gold)!important;-webkit-text-fill-color:var(--g89-gold)!important}
html body #page-home #pc-list .pc-card .pc-plans .pc-row .pc-qty i{color:#fff!important;min-width:22px!important}
html body #page-home #pc-list .pc-card .pc-plans .pc-row .pc-go{grid-area:g!important;height:42px!important;min-width:68px!important;padding:0 16px!important;border-radius:13px!important;border:1px solid rgba(210,172,253,.6)!important;background:linear-gradient(135deg,#bd8df3,#8240cd)!important;color:#0f061a!important;-webkit-text-fill-color:#0f061a!important;font:900 13.5px/1 'Inter',sans-serif!important;letter-spacing:.08em!important;box-shadow:0 6px 16px rgba(125,62,197,.35)!important}
@media(max-width:360px){html body #page-home #pc-list .pc-card .pc-plans .pc-row{grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"l l" "p g" "q g"!important}}

/* ---------- 4) NOTIFICATIONS ---------- */
#nf-root .nf-head{border-radius:22px!important;padding:16px!important;border:1px solid var(--g89-line)!important;background:var(--g89-card)!important}
#nf-root .nf-head .ct{background:linear-gradient(145deg,#1e122c,#110a18)!important;border:1px solid rgba(176,121,239,.6)!important;color:var(--g89-gold)!important}
#nf-root .nf-card{border-radius:22px!important;margin-bottom:12px!important;border:1px solid rgba(255,255,255,.1)!important;background:linear-gradient(155deg,#29183c 0%,#180e24 100%)!important;box-shadow:0 10px 26px rgba(0,0,0,.36)!important;--nfc:#b079ef}
#nf-root .nf-card::before{height:3px!important;background:linear-gradient(90deg,var(--nfc),transparent 80%)!important}
#nf-root .nf-card.nf-ok{--nfc:#34d399;border-color:rgba(52,211,153,.34)!important}
#nf-root .nf-card.nf-bad{--nfc:#fb7185;border-color:rgba(251,113,133,.34)!important}
#nf-root .nf-card.nf-warn{--nfc:#8929f6;border-color:rgba(137,41,246,.34)!important}
#nf-root .nf-card.nf-ref{--nfc:#a78bfa;border-color:rgba(249,180,140,.34)!important}
#nf-root .nf-card.new{box-shadow:0 10px 26px rgba(0,0,0,.36),0 0 0 1px var(--nfc) inset!important}
#nf-root .nf-card .nf-top{padding:18px 16px 0!important;gap:12px!important;align-items:center!important}
#nf-root .nf-card .nf-bell{flex:0 0 46px;width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:color-mix(in srgb,var(--nfc) 16%,#160d21);border:1px solid color-mix(in srgb,var(--nfc) 55%,transparent);color:var(--nfc);font-size:0}
#nf-root .nf-card .nf-bell svg{width:23px;height:23px;display:block}
#nf-root .nf-card .nf-ti h3{margin:0!important;font:800 16.5px/1.25 'Poppins','Inter',sans-serif!important;color:#fff!important;letter-spacing:.005em}
#nf-root .nf-card .nf-ti time{display:inline-block;margin-top:5px;padding:3px 9px;border-radius:999px;background:rgba(255,255,255,.06);color:#b8a3d0!important;font:600 11.5px/1.3 'JetBrains Mono',ui-monospace,monospace!important}
#nf-root .nf-card .nf-body{padding:12px 16px 16px!important;color:#d5ddf2!important;font:500 14.5px/1.55 'Poppins','Inter',sans-serif!important;opacity:1!important}

/* ---------- 5) SUPPORT ---------- */
#sp-root .sp-links{gap:12px!important}
#sp-root .sp-link{border-radius:22px!important;padding:15px!important;border:1px solid var(--g89-line)!important;background:var(--g89-card)!important;box-shadow:0 12px 28px rgba(0,0,0,.4)!important}
#sp-root .sp-link .tx b{font-size:16.5px!important;letter-spacing:.06em!important}
#sp-root .sp-link .tx small{color:var(--g89-sub)!important;font-size:12.5px!important}
#sp-root .sp-link .ar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:rgba(176,121,239,.1);border:1px solid rgba(176,121,239,.45);color:var(--g89-gold)}
#sp-root .sp-link.c{border-color:rgba(56,182,255,.45)!important}
#sp-root .sp-link.c .ar{border-color:rgba(56,182,255,.5);color:#6fc8ff;background:rgba(245,132,66,.1)}
#sp-root .sp-card{border-radius:24px!important;border:1px solid var(--g89-line)!important;background:var(--g89-card)!important;box-shadow:0 14px 32px rgba(0,0,0,.42)!important}
#sp-root .sp-title span{color:var(--g89-gold)!important;letter-spacing:.26em!important}
#sp-root .sp-tk{border-radius:18px!important;border:1px solid rgba(255,255,255,.1)!important;background:linear-gradient(150deg,#241536,#180e23)!important;padding:14px!important;box-shadow:0 6px 18px rgba(0,0,0,.3)!important}
#sp-root .sp-tk .sp-tk-id{color:var(--g89-gold)!important;font:800 13px 'JetBrains Mono',ui-monospace,monospace!important;letter-spacing:.08em}
#sp-root .sp-tk .sp-tk-sub{color:#fff!important;font:800 17px/1.25 'Poppins',sans-serif!important;margin:8px 0 3px!important}
#sp-root .sp-tk .sp-tk-last{color:#c2b1d6!important;font:500 13.5px/1.4 'Poppins',sans-serif!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#sp-root .sp-tk .sp-tk-foot{color:#af9d82!important;font:500 12px 'Poppins',sans-serif!important}
#sp-root .sp-pill{border-radius:999px!important;font:800 11px 'JetBrains Mono',monospace!important;letter-spacing:.14em!important;padding:6px 12px!important}
#sp-root .sp-pill.open{background:rgba(176,121,239,.12)!important;color:var(--g89-gold)!important;border:1px solid rgba(176,121,239,.55)!important}
#sp-root .sp-pill.solved{background:rgba(52,211,153,.12)!important;color:#6ee7b7!important;border:1px solid rgba(52,211,153,.5)!important}
#sp-root .sp-btn:not(.ghost){background:linear-gradient(135deg,#bd8df3,#8240cd)!important;color:#0f061a!important;border:1px solid rgba(210,172,253,.6)!important;border-radius:18px!important;min-height:54px;font-weight:900!important;letter-spacing:.04em;box-shadow:0 12px 26px rgba(125,62,197,.3)!important}

/* ---------- 6) REFERRAL ---------- */
#page-referral .rk-card{border-radius:26px!important;border:1px solid var(--g89-line)!important;background:var(--g89-card)!important;box-shadow:0 16px 36px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.06)!important;padding:16px!important;margin-bottom:16px!important}
#page-referral .rk-title span{color:var(--g89-gold)!important;font:800 13.5px/1 'JetBrains Mono',ui-monospace,monospace!important;letter-spacing:.24em!important}
#page-referral .rk-mini{border-radius:20px!important;background:linear-gradient(150deg,#211330,#140c1e)!important;border:1px solid rgba(176,121,239,.28)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important}
#page-referral .rk-mini b{color:#fff!important}
#page-referral .rk-mini b.gold{color:var(--g89-gold)!important;text-shadow:0 0 18px rgba(176,121,239,.3)}
#page-referral .rk-mini em{color:#bfacd5!important;font-style:normal!important}
#page-referral .rk-linkbox{border-radius:20px!important;background:linear-gradient(150deg,#1f122e,#110a1a)!important;border:1.5px dashed rgba(176,121,239,.55)!important;color:#fff!important}
#page-referral .rk-linkbox #ref-link-text{color:#e8eeff!important;word-break:break-all}
#page-referral .rk-goldbtn{border-radius:18px!important;min-height:56px;background:linear-gradient(135deg,#bd8df3,#8240cd)!important;color:#0f061a!important;border:1px solid rgba(210,172,253,.6)!important;font-weight:900!important;box-shadow:0 12px 26px rgba(125,62,197,.32)!important}
.g89-how{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 14px}
.g89-how div{padding:12px 6px 10px;border-radius:16px;text-align:center;background:linear-gradient(150deg,#211330,#140c1e);border:1px solid rgba(176,121,239,.24)}
.g89-how i{display:grid;place-items:center;width:34px;height:34px;margin:0 auto 7px;border-radius:12px;font-style:normal;font:900 15px 'Space Grotesk',sans-serif;color:#0f061a;background:linear-gradient(135deg,#bd8df3,#8240cd)}
.g89-how b{display:block;color:#fff;font:700 12px/1.25 'Poppins',sans-serif}
.g89-how small{display:block;margin-top:2px;color:#a993c2;font:500 10.5px/1.3 'Poppins',sans-serif}
.g89-share{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.g89-share a,.g89-share button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border-radius:15px;font:800 14px 'Poppins',sans-serif;text-decoration:none;cursor:pointer;border:1px solid transparent}
.g89-share .wa{color:#7ff0c3;background:linear-gradient(145deg,#0f3027,#0a1b19);border-color:rgba(52,211,153,.55)}
.g89-share .tgm{color:#7fd0ff;background:linear-gradient(145deg,#29153f,#170d23);border-color:rgba(56,182,255,.55)}
.g89-share svg{width:18px;height:18px}
#page-referral .ref-network-row{display:flex!important;align-items:center;gap:12px;padding:12px 6px!important;border-bottom:1px solid rgba(255,255,255,.07)!important}
#page-referral .ref-network-row:last-child{border-bottom:0!important}
#page-referral .ref-network-row .g89-av{flex:0 0 38px;width:38px;height:38px;border-radius:13px;display:grid;place-items:center;font:900 15px 'Space Grotesk',sans-serif;color:#0f061a;background:linear-gradient(135deg,#bd8df3,#8240cd)}
#page-referral .ref-network-row>span:not(.g89-av){flex:1;min-width:0;color:#fff!important;font:700 15.5px 'Poppins',sans-serif!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#page-referral .ref-network-row>b{flex:0 0 auto;padding:6px 11px;border-radius:999px;font:800 11.5px 'Poppins',sans-serif!important;color:#6ee7b7!important;background:rgba(52,211,153,.1);border:1px solid rgba(52,211,153,.42)}
#page-referral .ref-network-row>b.zero{color:#c2b1d6!important;background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.14)}
#page-referral .ref-table-head{color:#a993c2!important;letter-spacing:.2em!important}

/* ---------- 7) GOOGLE LOGIN sheet (login.html) ---------- */
#gm-google.gm-ov{background:rgba(9,5,14,.78)!important}
#gm-google .gm-box{max-width:430px!important;border:1px solid var(--g89-line)!important;border-bottom:0!important;background:linear-gradient(180deg,#2b193f 0%,#170e22 100%)!important;box-shadow:0 -18px 60px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.08)!important;text-align:center!important;padding-top:14px!important}
#gm-google .gm-box::after{content:"";position:absolute;left:22%;right:22%;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--g89-gold),transparent)}
#gm-google .gm-head{justify-content:center!important;text-align:center!important;flex-direction:column!important;gap:8px!important;padding-right:0!important;margin:6px 0 14px!important}
#gm-google .gm-head img{width:64px!important;height:64px!important;border-radius:20px!important;border:1.5px solid rgba(176,121,239,.7)!important;box-shadow:0 10px 26px rgba(0,0,0,.5),0 0 0 4px rgba(176,121,239,.08)}
#gm-google .gm-head small{justify-content:center!important}
#gm-google h3{text-align:center!important;font-size:21px!important}
#gm-google .gm-hint{text-align:center!important;color:var(--g89-sub)!important}
#gm-google .gm-sel-wrap{display:flex;justify-content:center}
#gm-google .gm-acc{min-height:60px!important;border-radius:18px!important;background:#fff!important;border:0!important;box-shadow:0 12px 28px rgba(0,0,0,.4),0 0 0 1px rgba(255,255,255,.4)!important;padding:11px 14px!important}
#gm-google .gm-acc b{color:#27173a!important;font-size:15.5px!important}
#gm-google .gm-acc small{color:#8a3e4b!important}
#gm-google .gm-alt{border-radius:16px!important;min-height:50px;border:1px solid rgba(176,121,239,.5)!important;color:var(--g89-gold)!important;background:rgba(176,121,239,.06)!important}
#gm-google .gm-perks{display:grid!important;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0 4px}
#gm-google .gm-perks span{display:flex;flex-direction:column;align-items:center;gap:6px;padding:11px 4px;border-radius:15px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:#c9d4ef;font:700 11.5px 'Poppins',sans-serif}
#gm-google .gm-perks svg{width:19px;height:19px;color:var(--g89-gold)}
.gbtn{border-radius:16px!important;height:54px!important;box-shadow:0 10px 24px rgba(0,0,0,.3)!important}

/* ===== v90: referral strip removed ===== */
#page-referral .g89-how{display:none!important}

/* ===== v90: Buy Reseller Key — arrow chip was absolute and sat on top of the text; now a clean 3-column row ===== */
html body #page-home #pc-list .pc-card .pc-buy:not(.maint){display:grid!important;grid-template-columns:38px minmax(0,1fr) 30px!important;align-items:center!important;column-gap:12px!important;padding:0 16px!important;position:relative!important;text-align:center!important}
html body #page-home #pc-list .pc-card .pc-buy:not(.maint)>span:nth-child(2){justify-self:center!important;white-space:nowrap!important;min-width:0!important;overflow:hidden;text-overflow:ellipsis;font-size:clamp(15px,4.6vw,17.5px)!important}
html body #page-home #pc-list .pc-card .pc-buy:not(.maint) .buy-arrow{position:static!important;right:auto!important;left:auto!important;margin:0!important;justify-self:end!important;flex:none}
html body #page-home #pc-list .pc-card .pc-buy:not(.maint) .buy-key-icon{position:static!important;margin:0!important;justify-self:start!important}