/* ============================================================
   GiftsPayr design system — V7.0
   Dark fintech marketplace. Loaded AFTER style.css and re-maps the engine's
   tokens so every existing screen (checkout, wallet, admin, card page) takes
   the new palette, while the gp-* components below build the new surfaces.

   Base      : ink #0A0F1C · navy #0E1526 · graphite #151E31 · line #24304A
   Accent    : violet #7C5CFF · blue #3B82F6 · cyan #22D3EE
   Value     : gold #F5C451 (savings) · green #22C55E (paid) · amber #F59E0B
   Display   : Plus Jakarta Sans · Body: Inter · Numerals: JetBrains Mono
   ============================================================ */

:root{
  /* -- GiftsPayr tokens -- */
  --gp-bg:#0A0F1C; --gp-bg2:#0E1526; --gp-surface:#121A2D; --gp-surface2:#182238; --gp-surface3:#1E2A44;
  --gp-line:#24304A; --gp-line2:#2F3D5C;
  --gp-ink:#F2F5FA; --gp-ink2:#C7D0E0; --gp-mute:#8A97B2; --gp-mute2:#5E6B86;
  --gp-violet:#7C5CFF; --gp-violet2:#6244F0; --gp-blue:#3B82F6; --gp-cyan:#22D3EE;
  --gp-gold:#F5C451; --gp-gold2:#D9A62F; --gp-green:#22C55E; --gp-amber:#F59E0B; --gp-red:#F0616D;
  --gp-display:'Plus Jakarta Sans','Sora',system-ui,-apple-system,'Segoe UI',sans-serif;
  --gp-body:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --gp-mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  --gp-r-sm:8px; --gp-r:14px; --gp-r-lg:20px; --gp-r-xl:28px;
  --gp-shadow:0 10px 30px rgba(3,6,14,.45);
  --gp-glow:0 0 0 1px rgba(124,92,255,.35),0 10px 40px rgba(124,92,255,.25);
  --gp-max:1200px; --gp-gutter:20px;
  --gp-ease:cubic-bezier(.2,.7,.2,1);

  /* -- re-map the engine's tokens (style.css) -- */
  --ink:var(--gp-ink); --ink-soft:var(--gp-ink2); --muted:var(--gp-mute);
  --bg:var(--gp-bg); --surface:var(--gp-surface); --surface2:var(--gp-surface2); --border:var(--gp-line);
  --accent:var(--gp-violet); --accent-dark:var(--gp-violet2);
  --amber:var(--gp-gold); --amber-dark:var(--gp-gold2);
  --danger:var(--gp-red); --warn:var(--gp-amber); --info:var(--gp-blue); --tp:var(--gp-green);
  --radius:var(--gp-r); --shadow:var(--gp-shadow);
}
html{scroll-behavior:smooth;background:var(--gp-bg)}
body{font-family:var(--gp-body);background:var(--gp-bg);color:var(--gp-ink);font-size:15.5px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body:not(.adminmode){padding-bottom:0}
h1,h2,h3,.display{font-family:var(--gp-display);letter-spacing:-.02em;color:var(--gp-ink)}
h1{font-size:clamp(1.9rem,4.4vw,3rem);line-height:1.08;font-weight:800;margin:.15em 0}
h2{font-size:clamp(1.45rem,2.8vw,2rem);line-height:1.15;font-weight:800;margin:.2em 0}
h3{font-size:1.1rem;font-weight:700}
a{color:var(--gp-cyan)}
a:hover{text-decoration:none;color:#fff}
::selection{background:rgba(124,92,255,.4)}
:focus-visible{outline:3px solid var(--gp-cyan);outline-offset:3px;border-radius:6px}
.container{max-width:var(--gp-max);padding:0 var(--gp-gutter)}
.muted{color:var(--gp-mute)}
.small{font-size:.86rem}
.mt4{margin-top:56px}

/* engine buttons take the new palette */
.btn{background:var(--gp-violet);color:#fff;border-radius:12px;font-weight:700;letter-spacing:-.005em;box-shadow:0 6px 18px rgba(124,92,255,.28)}
.btn:hover{background:var(--gp-violet2);color:#fff;transform:translateY(-1px)}
.btn.amber{background:var(--gp-gold);color:#1A1405;box-shadow:0 6px 20px rgba(245,196,81,.22)}
.btn.amber:hover{background:var(--gp-gold2);color:#1A1405}
.btn.ghost{background:transparent;color:var(--gp-ink);border:1.5px solid var(--gp-line2);box-shadow:none}
.btn.ghost:hover{background:var(--gp-surface2);border-color:var(--gp-mute);color:#fff}
input,select,textarea{background:var(--gp-surface);border-color:var(--gp-line);color:var(--gp-ink);border-radius:12px}
input:focus,select:focus,textarea:focus{border-color:var(--gp-violet);box-shadow:0 0 0 3px rgba(124,92,255,.18)}
.card,.panel{background:var(--gp-surface);border-color:var(--gp-line);box-shadow:none}
.panel{background:var(--gp-surface2)}
.flash.success{background:rgba(34,197,94,.12);color:#7BE39B;border-color:rgba(34,197,94,.35)}
.faq-item{background:var(--gp-surface);border-color:var(--gp-line);border-radius:14px}
.faq-item summary::after{color:var(--gp-cyan)}
.section-head .off{background:rgba(245,196,81,.14);color:var(--gp-gold)}
/* the engine's fade-in on every card reads as generic — keep content visible, no per-card motion */
.reveal{opacity:1;transform:none;transition:none}

/* ============================================================
   Layout primitives
   ============================================================ */
.gp-wrap{max-width:var(--gp-max);margin:0 auto;padding:0 var(--gp-gutter)}
.gp-section{padding:64px 0 0}
.gp-section.tight{padding-top:44px}
.gp-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:22px}
.gp-section-head h2{margin:0}
.gp-section-head p{margin:6px 0 0;color:var(--gp-mute);max-width:56ch;font-size:.98rem}
.gp-section-head .gp-more{white-space:nowrap;font-weight:600;color:var(--gp-ink2);display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border:1px solid var(--gp-line);border-radius:99px;font-size:.88rem}
.gp-section-head .gp-more:hover{border-color:var(--gp-line2);color:#fff;background:var(--gp-surface)}
.gp-grid{display:grid;gap:16px}
.gp-grid.c2{grid-template-columns:repeat(2,1fr)}
.gp-grid.c3{grid-template-columns:repeat(3,1fr)}
.gp-grid.c4{grid-template-columns:repeat(4,1fr)}
.gp-grid.c5{grid-template-columns:repeat(5,1fr)}
.gp-grid.c6{grid-template-columns:repeat(6,1fr)}
@media(max-width:1024px){.gp-grid.c6{grid-template-columns:repeat(4,1fr)}.gp-grid.c5{grid-template-columns:repeat(3,1fr)}.gp-grid.c4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.gp-grid.c6,.gp-grid.c5{grid-template-columns:repeat(2,1fr)}.gp-grid.c3{grid-template-columns:1fr}.gp-section{padding-top:48px}.gp-section-head{flex-direction:column;align-items:flex-start}}
.gp-ico{width:22px;height:22px;flex:0 0 auto;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.gp-ico.sm{width:16px;height:16px}
.gp-ico.lg{width:28px;height:28px}
.gp-mono,.gp-num{font-family:var(--gp-mono);font-variant-numeric:tabular-nums}
.gp-tabnum{font-variant-numeric:tabular-nums}
.gp-scroll-x{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 0 12px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.gp-scroll-x::-webkit-scrollbar{display:none}
.gp-scroll-x>*{scroll-snap-align:start;flex:0 0 auto}
.gp-kicker{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;font-weight:600;color:var(--gp-ink2);background:var(--gp-surface);border:1px solid var(--gp-line);padding:6px 12px 6px 8px;border-radius:99px}
.gp-kicker i{width:8px;height:8px;border-radius:50%;background:var(--gp-green);box-shadow:0 0 0 4px rgba(34,197,94,.18)}
.gp-pill{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:700;padding:4px 10px;border-radius:99px;background:var(--gp-surface2);color:var(--gp-ink2);border:1px solid var(--gp-line)}
.gp-pill.gold{background:rgba(245,196,81,.14);color:var(--gp-gold);border-color:rgba(245,196,81,.3)}
.gp-pill.green{background:rgba(34,197,94,.14);color:#7BE39B;border-color:rgba(34,197,94,.3)}
.gp-pill.violet{background:rgba(124,92,255,.16);color:#B9A7FF;border-color:rgba(124,92,255,.35)}
.gp-pill.cyan{background:rgba(34,211,238,.12);color:var(--gp-cyan);border-color:rgba(34,211,238,.3)}
.gp-pill.amber{background:rgba(245,158,11,.14);color:#FBBF5C;border-color:rgba(245,158,11,.3)}
.gp-pill.red{background:rgba(240,97,109,.14);color:#FF8F98;border-color:rgba(240,97,109,.3)}

/* Buttons (new) */
.gp-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 22px;border-radius:12px;font-weight:700;font-size:.95rem;font-family:inherit;border:1px solid transparent;cursor:pointer;color:#fff;background:var(--gp-violet);transition:transform .15s var(--gp-ease),background .15s,box-shadow .15s;box-shadow:0 8px 22px rgba(124,92,255,.28);text-decoration:none;line-height:1.1;white-space:nowrap}
.gp-btn:hover{background:var(--gp-violet2);color:#fff;transform:translateY(-1px)}
.gp-btn.gold{background:var(--gp-gold);color:#1A1405;box-shadow:0 8px 22px rgba(245,196,81,.2)}
.gp-btn.gold:hover{background:var(--gp-gold2);color:#1A1405}
.gp-btn.ghost{background:transparent;border-color:var(--gp-line2);color:var(--gp-ink);box-shadow:none}
.gp-btn.ghost:hover{background:var(--gp-surface2);border-color:var(--gp-mute);color:#fff}
.gp-btn.soft{background:var(--gp-surface2);color:var(--gp-ink);box-shadow:none;border-color:var(--gp-line)}
.gp-btn.soft:hover{background:var(--gp-surface3);color:#fff}
.gp-btn.sm{padding:9px 14px;font-size:.86rem;border-radius:10px}
.gp-btn.lg{padding:16px 28px;font-size:1.02rem;border-radius:14px}
.gp-btn.block{display:flex;width:100%}
.gp-btn .gp-ico{width:18px;height:18px}
.gp-link{color:var(--gp-cyan);font-weight:600;display:inline-flex;align-items:center;gap:6px}
.gp-link:hover{color:#fff}

/* ============================================================
   Announcement bar + header
   ============================================================ */
.gp-announce{background:linear-gradient(90deg,#10182B,#0E1526);border-bottom:1px solid var(--gp-line);font-size:.82rem;color:var(--gp-ink2)}
.gp-announce .gp-wrap{display:flex;align-items:center;justify-content:center;gap:10px;min-height:36px;flex-wrap:wrap;text-align:center}
.gp-announce b{color:var(--gp-gold);font-weight:700}
.gp-announce .sep{width:4px;height:4px;border-radius:50%;background:var(--gp-mute2)}
.gp-announce a{color:var(--gp-cyan);font-weight:600}
@media(max-width:720px){.gp-announce .sep,.gp-announce .hide-m{display:none}.gp-announce .gp-wrap{min-height:34px}}

.gp-header{position:sticky;top:0;z-index:80;background:rgba(10,15,28,.82);backdrop-filter:saturate(160%) blur(14px);-webkit-backdrop-filter:saturate(160%) blur(14px);border-bottom:1px solid var(--gp-line)}
.gp-header .gp-wrap{display:flex;align-items:center;gap:18px;height:68px}
.gp-logo{display:inline-flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-family:var(--gp-display);font-weight:800;font-size:1.32rem;letter-spacing:-.03em;white-space:nowrap}
.gp-logo:hover{color:#fff}
.gp-logo .mk{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--gp-violet),var(--gp-cyan));display:grid;place-items:center;box-shadow:0 6px 16px rgba(124,92,255,.35)}
.gp-logo .mk svg{width:20px;height:20px}
.gp-logo em{font-style:normal;color:var(--gp-cyan)}
.gp-nav{display:flex;align-items:center;gap:2px;margin-left:6px}
.gp-nav a{color:var(--gp-ink2);font-weight:600;font-size:.92rem;padding:9px 12px;border-radius:10px;text-decoration:none}
.gp-nav a:hover,.gp-nav a[aria-current=page]{color:#fff;background:var(--gp-surface)}
.gp-nav a.hot{color:var(--gp-gold)}
.gp-hsearch{position:relative;flex:1;max-width:420px;margin-left:auto}
.gp-hsearch input{width:100%;background:var(--gp-surface);border:1px solid var(--gp-line);color:var(--gp-ink);border-radius:12px;padding:10px 42px 10px 40px;font-size:.9rem}
.gp-hsearch input::placeholder{color:var(--gp-mute2)}
.gp-hsearch>svg{position:absolute;left:13px;top:50%;transform:translateY(-50%);width:17px;height:17px;color:var(--gp-mute);pointer-events:none}
.gp-hsearch kbd{position:absolute;right:10px;top:50%;transform:translateY(-50%);font:600 .68rem var(--gp-mono);color:var(--gp-mute2);border:1px solid var(--gp-line);border-radius:6px;padding:2px 6px;pointer-events:none}
.gp-hacts{display:flex;align-items:center;gap:8px}
.gp-hacts .gp-btn.sm{padding:9px 16px}
.gp-icobtn{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:11px;border:1px solid var(--gp-line);background:transparent;color:var(--gp-ink2);cursor:pointer;position:relative;text-decoration:none}
.gp-icobtn:hover{background:var(--gp-surface);color:#fff}
.gp-icobtn .gp-ico{width:20px;height:20px}
.gp-icobtn .n{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:99px;background:var(--gp-gold);color:#1A1405;font-size:.68rem;font-weight:800;display:grid;place-items:center}
.gp-wallet{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 12px 0 10px;border-radius:11px;background:var(--gp-surface);border:1px solid var(--gp-line);color:var(--gp-ink);font-weight:700;font-size:.88rem;text-decoration:none;font-variant-numeric:tabular-nums}
.gp-wallet .gp-ico{width:18px;height:18px;color:var(--gp-gold)}
.gp-wallet:hover{border-color:var(--gp-line2);color:#fff}
.gp-hamb{display:none}
@media(max-width:1080px){.gp-nav a{padding:9px 9px;font-size:.88rem}.gp-hsearch{max-width:300px}}
@media(max-width:920px){
  .gp-nav,.gp-hsearch,.gp-hacts .desk{display:none}
  .gp-hamb{display:inline-grid}
  .gp-header .gp-wrap{height:60px;gap:10px}
  .gp-logo{font-size:1.2rem}
  .gp-hacts{margin-left:auto}
}

/* search results dropdown (shared by header + hero + magazine) */
.gp-sr{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--gp-surface2);border:1px solid var(--gp-line2);border-radius:16px;box-shadow:var(--gp-shadow);z-index:90;display:none;overflow:hidden;text-align:left}
.gp-sr.open{display:block}
.gp-sr .h{font-size:.72rem;font-weight:700;color:var(--gp-mute);padding:10px 14px 4px}
.gp-sr a{display:flex;align-items:center;gap:11px;padding:10px 14px;color:var(--gp-ink);font-weight:500;text-decoration:none;font-size:.92rem}
.gp-sr a:hover,.gp-sr a.on{background:var(--gp-surface3);color:#fff}
.gp-sr .lg{width:36px;height:24px;border-radius:5px;object-fit:cover;background:var(--gp-surface);flex:0 0 36px}
.gp-sr .cat{margin-left:auto;font-size:.72rem;color:var(--gp-mute);text-transform:capitalize}
.gp-sr .all{border-top:1px solid var(--gp-line);color:var(--gp-cyan);font-weight:700}
.gp-sr .tag{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;padding:6px 10px;border-radius:99px;background:var(--gp-surface);border:1px solid var(--gp-line);margin:4px 0 8px 14px;color:var(--gp-ink2)}
.gp-sr .tags{display:flex;flex-wrap:wrap;gap:0 6px;padding-right:8px}
.gp-sr .tag:hover{background:var(--gp-surface3);color:#fff}

/* ---- Mobile drawer ---- */
.gp-drawer{position:fixed;inset:0 auto 0 0;width:min(340px,88vw);background:var(--gp-bg2);border-right:1px solid var(--gp-line);z-index:120;transform:translateX(-104%);transition:transform .32s var(--gp-ease);display:flex;flex-direction:column;overflow-y:auto;padding:14px 14px 90px}
.gp-drawer-bg{position:fixed;inset:0;background:rgba(3,6,14,.6);backdrop-filter:blur(2px);z-index:110;opacity:0;pointer-events:none;transition:opacity .25s}
body.gp-open .gp-drawer{transform:none}
body.gp-open .gp-drawer-bg{opacity:1;pointer-events:auto}
body.gp-open{overflow:hidden}
.gp-drawer .top{display:flex;align-items:center;justify-content:space-between;padding:4px 4px 12px}
.gp-drawer .dsearch{position:relative;margin:0 0 10px}
.gp-drawer .dsearch input{width:100%;padding:12px 14px 12px 40px;border-radius:12px;font-size:.95rem}
.gp-drawer .dsearch>svg{position:absolute;left:13px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--gp-mute)}
.gp-drawer .grp{display:flex;flex-direction:column;background:var(--gp-surface);border:1px solid var(--gp-line);border-radius:16px;overflow:hidden;margin:8px 0}
.gp-drawer .grp a{display:flex;align-items:center;gap:12px;padding:13px 14px;color:var(--gp-ink);font-weight:600;font-size:.95rem;text-decoration:none;border-bottom:1px solid var(--gp-line)}
.gp-drawer .grp a:last-child{border-bottom:0}
.gp-drawer .grp a:hover{background:var(--gp-surface2)}
.gp-drawer .grp .gp-ico{width:20px;height:20px;color:var(--gp-cyan)}
.gp-drawer .grp .chev{margin-left:auto;color:var(--gp-mute2);width:16px;height:16px}
.gp-drawer .grp small{color:var(--gp-mute);font-weight:500;font-size:.78rem;margin-left:auto}
.gp-drawer .acts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0 4px}
.gp-drawer .wal{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#1B1740,#0F1A33);border:1px solid rgba(124,92,255,.4);border-radius:16px;padding:14px;color:#fff;text-decoration:none;margin:8px 0}
.gp-drawer .wal b{font-family:var(--gp-mono);font-size:1.15rem}
.gp-drawer .wal span{font-size:.78rem;color:var(--gp-ink2);display:block}
.gp-drawer .rate{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--gp-line);border-radius:14px;margin:8px 0;color:var(--gp-ink);text-decoration:none;background:var(--gp-surface)}
.gp-drawer .rate b{display:block;font-size:.92rem}
.gp-drawer .rate i{font-style:normal;font-size:.78rem;color:var(--gp-mute)}
.gp-drawer .rate .star{width:34px;height:34px;border-radius:10px;background:rgba(245,196,81,.14);color:var(--gp-gold);display:grid;place-items:center;flex:0 0 34px}
.gp-drawer .foot{margin-top:auto;padding:12px 4px 0;font-size:.78rem;color:var(--gp-mute2)}

/* ---- Mobile bottom navigation (public pages) ---- */
.gp-mnav{display:none}
@media(max-width:920px){
  body.gp-has-mnav{padding-bottom:calc(64px + env(safe-area-inset-bottom))}
  .gp-mnav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:100;background:rgba(10,15,28,.94);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--gp-line);padding:6px 4px calc(6px + env(safe-area-inset-bottom))}
  .gp-mnav a{display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--gp-mute);font-size:.66rem;font-weight:600;text-decoration:none;padding:5px 2px;border-radius:10px}
  .gp-mnav a .gp-ico{width:22px;height:22px}
  .gp-mnav a.on{color:var(--gp-cyan)}
  .gp-mnav a.mid span{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,var(--gp-violet),var(--gp-cyan));display:grid;place-items:center;color:#fff;margin-top:-16px;box-shadow:0 8px 20px rgba(124,92,255,.4)}
  .sup-btn{bottom:calc(76px + env(safe-area-inset-bottom))!important;right:12px!important}
  .sup-modal{bottom:calc(136px + env(safe-area-inset-bottom))!important}
}

/* ============================================================
   Footer
   ============================================================ */
footer.gp-footer{background:#070B14;border-top:1px solid var(--gp-line);margin-top:88px;padding:56px 0 28px;font-size:.88rem;color:var(--gp-mute)}
.gp-footer .brandcol p{max-width:34ch;line-height:1.6;margin:14px 0}
.gp-footer .cols{display:grid;grid-template-columns:1.7fr repeat(5,1fr);gap:28px}
.gp-footer h4{color:#fff;font-size:.82rem;margin:0 0 12px;font-weight:700;letter-spacing:.01em}
.gp-footer .cols a{display:block;color:var(--gp-mute);margin:8px 0;text-decoration:none;font-size:.86rem}
.gp-footer .cols a:hover{color:#fff}
.gp-footer .trust{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 0}
.gp-footer .trust span{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--gp-line);border-radius:99px;padding:5px 10px;font-size:.76rem;color:var(--gp-ink2)}
.gp-footer .trust .gp-ico{width:14px;height:14px;color:var(--gp-green)}
.gp-footer .bottom{border-top:1px solid var(--gp-line);margin-top:36px;padding-top:20px;display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between;align-items:flex-start}
.gp-footer .bottom .fine{font-size:.76rem;color:var(--gp-mute2);max-width:70ch;line-height:1.55}
.gp-footer .soc{display:flex;gap:8px}
.gp-footer .soc a{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;border:1px solid var(--gp-line);color:var(--gp-ink2)}
.gp-footer .soc a:hover{background:var(--gp-surface);color:#fff}
@media(max-width:1024px){.gp-footer .cols{grid-template-columns:repeat(3,1fr)}.gp-footer .brandcol{grid-column:1/-1}}
@media(max-width:600px){.gp-footer .cols{grid-template-columns:repeat(2,1fr)}footer.gp-footer{margin-top:64px;padding-top:40px}}

/* ============================================================
   Hero + Market Pulse terminal
   ============================================================ */
.gp-hero{position:relative;overflow:hidden;padding:48px 0 40px;border-bottom:1px solid var(--gp-line);background:
  radial-gradient(900px 420px at 78% 10%,rgba(124,92,255,.16),transparent 60%),
  radial-gradient(600px 300px at 10% 100%,rgba(34,211,238,.08),transparent 60%),var(--gp-bg)}
.gp-hero::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(70% 70% at 60% 40%,#000 20%,transparent 100%);-webkit-mask-image:radial-gradient(70% 70% at 60% 40%,#000 20%,transparent 100%);pointer-events:none}
.gp-hero .gp-wrap{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:40px;align-items:center}
.gp-hero h1{margin:16px 0 14px;max-width:13ch}
.gp-hero h1 .ln{display:block}
.gp-hero h1 .ln.alt{color:transparent;background:linear-gradient(92deg,#C9B8FF,var(--gp-cyan));-webkit-background-clip:text;background-clip:text}
.gp-hero .lede{font-size:1.06rem;line-height:1.6;color:var(--gp-ink2);max-width:52ch;margin:0 0 22px}
.gp-hero .ctas{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.gp-hero .ctas .gp-btn{min-width:180px}
/* hero trust data */
.gp-stats{display:grid;grid-template-columns:repeat(4,auto);gap:12px 28px;margin:30px 0 0;padding-top:24px;border-top:1px solid var(--gp-line)}
.gp-stat{display:flex;flex-direction:column;gap:3px;min-width:0}
.gp-stat b{font-family:var(--gp-display);font-size:1.55rem;font-weight:800;letter-spacing:-.03em;color:#fff;line-height:1;font-variant-numeric:tabular-nums;white-space:nowrap}
.gp-stat b.gold{color:var(--gp-gold)}
.gp-stat i{font-style:normal;font-size:.8rem;color:var(--gp-mute);font-weight:500}
.gp-stat .tk-d,.gp-stat .tk-sep{display:inline-block}
.gp-rating{display:inline-flex;align-items:center;gap:10px;margin-top:20px;padding:9px 14px 9px 10px;border:1px solid var(--gp-line);border-radius:12px;background:rgba(18,26,45,.7);color:var(--gp-ink);text-decoration:none;font-size:.86rem}
.gp-rating:hover{border-color:var(--gp-line2);color:#fff}
.gp-rating .stars{display:inline-flex;gap:2px}
.gp-rating .stars i{width:14px;height:14px;background:var(--gp-line2);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);position:relative;overflow:hidden}
.gp-rating .stars i::after{content:'';position:absolute;inset:0;width:var(--f,0%);background:var(--gp-gold)}
.gp-rating b{font-weight:700}
.gp-rating span{color:var(--gp-mute)}
@media(max-width:1024px){.gp-hero .gp-wrap{grid-template-columns:1fr;gap:28px}.gp-hero h1{max-width:none}}
@media(max-width:720px){.gp-hero{padding:32px 0 32px}.gp-stats{grid-template-columns:1fr 1fr;gap:16px 18px}.gp-stat b{font-size:1.35rem}.gp-hero .ctas .gp-btn{flex:1;min-width:0}}

/* ---- Market Pulse ---- */
.gp-pulse{position:relative;border:1px solid var(--gp-line2);border-radius:var(--gp-r-xl);background:linear-gradient(180deg,#111A2E,#0C1324);box-shadow:var(--gp-shadow),inset 0 1px 0 rgba(255,255,255,.05);padding:18px 18px 16px;font-family:var(--gp-body)}
.gp-pulse .bar{display:flex;align-items:center;justify-content:space-between;font-size:.74rem;color:var(--gp-mute);padding:0 2px 14px;border-bottom:1px solid var(--gp-line)}
.gp-pulse .bar b{font-family:var(--gp-mono);font-weight:600;color:var(--gp-ink2);letter-spacing:.02em;display:inline-flex;align-items:center;gap:8px}
.gp-pulse .bar b i{width:7px;height:7px;border-radius:50%;background:var(--gp-green);box-shadow:0 0 0 3px rgba(34,197,94,.2)}
.gp-pulse .bar .dots{display:inline-flex;gap:5px}
.gp-pulse .bar .dots i{width:9px;height:9px;border-radius:50%;background:var(--gp-line2)}
.gp-pulse svg{display:block;width:100%;height:auto}
.gp-pulse .status{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid var(--gp-line);font-size:.78rem;color:var(--gp-mute)}
.gp-pulse .status .st{display:inline-flex;align-items:center;gap:8px;font-family:var(--gp-mono);font-weight:600;font-size:.74rem;padding:6px 10px;border-radius:8px;background:var(--gp-surface);border:1px solid var(--gp-line);color:var(--gp-ink2);min-width:200px;justify-content:center;transition:color .3s,border-color .3s,background .3s}
.gp-pulse .status .st i{width:8px;height:8px;border-radius:50%;background:var(--gp-mute2)}
.gp-pulse.s2 .status .st,.gp-pulse.s3 .status .st{color:#B9A7FF;border-color:rgba(124,92,255,.5)}
.gp-pulse.s4 .status .st{color:#7BE39B;border-color:rgba(34,197,94,.5);background:rgba(34,197,94,.08)}
.gp-pulse.s4 .status .st i{background:var(--gp-green)}
.gp-pulse.s5 .status .st,.gp-pulse.s6 .status .st{color:var(--gp-gold);border-color:rgba(245,196,81,.5);background:rgba(245,196,81,.08)}
.gp-pulse.s5 .status .st i,.gp-pulse.s6 .status .st i{background:var(--gp-gold)}
/* svg parts */
.gp-pulse .node{fill:#0E1526;stroke:var(--gp-line2);stroke-width:1.5;transition:stroke .3s,fill .3s}
.gp-pulse .node.on{stroke:var(--gp-violet);fill:#1A1740}
.gp-pulse .rail{stroke:var(--gp-line2);stroke-width:2;fill:none}
.gp-pulse .rail-lit{stroke:url(#gpRail);stroke-width:2.5;fill:none;stroke-dasharray:420;stroke-dashoffset:420;opacity:0}
.gp-pulse .lbl{font:600 10px var(--gp-mono);fill:var(--gp-mute);letter-spacing:.06em}
.gp-pulse .lbl.b{fill:var(--gp-ink2)}
.gp-pulse .title{font:800 15px var(--gp-display);fill:#fff;letter-spacing:-.02em}
.gp-pulse .sub{font:500 10px var(--gp-body);fill:var(--gp-mute)}
.gp-pulse .card{fill:#151E31;stroke:var(--gp-line);stroke-width:1;transition:stroke .35s,filter .35s,fill .35s}
.gp-pulse .card.lit{stroke:var(--gp-gold);fill:#1E2238;filter:drop-shadow(0 0 10px rgba(245,196,81,.55))}
.gp-pulse .card-t{font:700 10.5px var(--gp-body);fill:var(--gp-ink)}
.gp-pulse .card-s{font:500 8.5px var(--gp-body);fill:var(--gp-mute)}
.gp-pulse .card-ic{fill:none;stroke:var(--gp-cyan);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.gp-pulse .coin{transition:opacity .3s,transform .5s var(--gp-ease)}
.gp-pulse .coin-c{fill:#1E2A44;stroke:var(--gp-line2);stroke-width:1.2}
.gp-pulse .coin-t{font:700 10px var(--gp-mono);fill:#fff;text-anchor:middle}
.gp-pulse .coin.on .coin-c{fill:var(--gp-violet);stroke:#B9A7FF}
.gp-pulse .spark{fill:var(--gp-cyan);opacity:0;offset-rotate:0deg}
.gp-pulse .tick{fill:none;stroke:var(--gp-green);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:30;stroke-dashoffset:30;opacity:0;transition:stroke-dashoffset .4s var(--gp-ease),opacity .2s}
.gp-pulse.s4 .tick,.gp-pulse.s5 .tick,.gp-pulse.s6 .tick{stroke-dashoffset:0;opacity:1}
.gp-pulse .wallet{fill:#151E31;stroke:var(--gp-line2);stroke-width:1.5;transition:stroke .35s}
.gp-pulse.s5 .wallet,.gp-pulse.s6 .wallet{stroke:var(--gp-gold)}
.gp-pulse .fly{transition:transform .8s var(--gp-ease),opacity .4s}
.gp-pulse.s5 .fly,.gp-pulse.s6 .fly{transform:translate(140px,86px) scale(.62);opacity:.95}
.gp-pulse .deliv{opacity:0;transition:opacity .3s}
.gp-pulse.s6 .deliv{opacity:1}
/* CSS-only pulse loop when JS is disabled (reduced motion: static, all lit) */
@keyframes gpSpark{0%{opacity:0;offset-distance:0%}8%{opacity:1}92%{opacity:1}100%{opacity:0;offset-distance:100%}}
@keyframes gpRailLit{0%{stroke-dashoffset:420;opacity:1}70%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:.6}}
.gp-pulse.s2 .rail-lit,.gp-pulse.s3 .rail-lit,.gp-pulse.s4 .rail-lit,.gp-pulse.s5 .rail-lit,.gp-pulse.s6 .rail-lit{animation:gpRailLit 1.6s var(--gp-ease) forwards}
.gp-pulse.s2 .spark{animation:gpSpark 1.5s linear forwards}
@media(prefers-reduced-motion:reduce){
  .gp-pulse .spark{animation:none!important;opacity:0}
  .gp-pulse .rail-lit{animation:none!important;stroke-dashoffset:0;opacity:.8}
  .gp-pulse .node{stroke:var(--gp-violet)} .gp-pulse .tick{stroke-dashoffset:0;opacity:1}
  .gp-pulse .fly{transition:none}
}

/* ============================================================
   Marketplace search (hero-level)
   ============================================================ */
.gp-search{position:relative;background:linear-gradient(180deg,var(--gp-surface2),var(--gp-surface));border:1px solid var(--gp-line2);border-radius:var(--gp-r-lg);padding:26px 26px 22px;margin-top:-30px;box-shadow:var(--gp-shadow);z-index:2}
.gp-search h2{font-size:1.2rem;margin:0 0 12px}
.gp-search form{position:relative;display:flex;gap:10px}
.gp-search form input{flex:1;height:54px;padding:0 18px 0 48px;font-size:1.02rem;border-radius:14px;background:var(--gp-bg2);border:1px solid var(--gp-line2)}
.gp-search form>svg{position:absolute;left:17px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--gp-mute)}
.gp-search form .gp-btn{height:54px;border-radius:14px}
.gp-search .quick{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;align-items:center}
.gp-search .quick span{font-size:.8rem;color:var(--gp-mute);margin-right:4px}
.gp-search .quick a{font-size:.82rem;font-weight:600;color:var(--gp-ink2);border:1px solid var(--gp-line);background:var(--gp-bg2);border-radius:99px;padding:6px 12px;text-decoration:none}
.gp-search .quick a:hover{color:#fff;border-color:var(--gp-line2)}
@media(max-width:720px){.gp-search{margin-top:0;padding:18px 16px;border-radius:18px}.gp-search form{flex-direction:column}.gp-search form input{height:50px;font-size:.98rem}.gp-search form>svg{top:25px}.gp-search form .gp-btn{height:48px}}

/* ============================================================
   Brand + product cards
   ============================================================ */
.gp-brand-card{display:flex;flex-direction:column;background:var(--gp-surface);border:1px solid var(--gp-line);border-radius:18px;padding:10px;text-decoration:none;color:var(--gp-ink);transition:transform .2s var(--gp-ease),border-color .2s,box-shadow .2s;min-width:0}
.gp-brand-card:hover{transform:translateY(-3px);border-color:var(--gp-line2);box-shadow:0 14px 30px rgba(3,6,14,.4);color:var(--gp-ink)}
.gp-brand-card .art{position:relative;aspect-ratio:8/5;border-radius:12px;overflow:hidden;display:grid;place-items:center;background:#fff}
.gp-brand-card .art img{max-width:72%;max-height:60%;object-fit:contain}
.gp-brand-card .art.full img{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover}
.gp-brand-card .art .pct{position:absolute;top:8px;right:8px;background:var(--gp-gold);color:#1A1405;font-weight:800;font-size:.74rem;padding:4px 8px;border-radius:8px;font-variant-numeric:tabular-nums}
.gp-brand-card .art .out{position:absolute;top:8px;right:8px;background:rgba(10,15,28,.85);color:var(--gp-ink2);font-weight:700;font-size:.72rem;padding:4px 8px;border-radius:8px}
.gp-brand-card .art .rg{position:absolute;left:8px;bottom:8px;background:rgba(10,15,28,.8);color:#fff;font-size:.68rem;font-weight:700;padding:3px 7px;border-radius:6px;letter-spacing:.02em}
.gp-brand-card .nm{font-weight:700;font-size:.95rem;margin:12px 4px 0;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gp-brand-card .meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:5px 4px 0;font-size:.78rem;color:var(--gp-mute)}
.gp-brand-card .meta b{color:var(--gp-ink2);font-weight:600}
.gp-brand-card .meta .rt{display:inline-flex;align-items:center;gap:3px;color:var(--gp-gold);font-weight:700}
.gp-brand-card .meta .rt svg{width:11px;height:11px;fill:currentColor}
.gp-brand-card .go{margin:12px 0 2px;display:flex;align-items:center;justify-content:center;gap:6px;height:38px;border-radius:10px;background:var(--gp-surface2);border:1px solid var(--gp-line);font-weight:700;font-size:.85rem;color:var(--gp-ink)}
.gp-brand-card:hover .go{background:var(--gp-violet);border-color:var(--gp-violet);color:#fff}
.gp-brand-card.compact .go{display:none}
.gp-brand-card .go .gp-ico{width:15px;height:15px}
.gp-brand-row{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
@media(max-width:1024px){.gp-brand-row{grid-template-columns:repeat(4,1fr)}}
@media(max-width:720px){.gp-brand-row{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px;scrollbar-width:none;margin:0 -20px;padding-left:20px;padding-right:20px}.gp-brand-row::-webkit-scrollbar{display:none}.gp-brand-row>*{flex:0 0 46%;scroll-snap-align:start}.gp-brand-card .go{height:36px}}
.gp-logo-row{display:flex;flex-wrap:wrap;gap:8px}
.gp-logo-row a{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border:1px solid var(--gp-line);border-radius:99px;background:var(--gp-surface);color:var(--gp-ink2);font-weight:600;font-size:.84rem;text-decoration:none}
.gp-logo-row a img{width:26px;height:26px;border-radius:50%;object-fit:cover;background:#fff}
.gp-logo-row a:hover{color:#fff;border-color:var(--gp-line2)}

/* ---- Category + intent cards ---- */
.gp-cat-card{position:relative;display:flex;flex-direction:column;gap:10px;padding:18px;border-radius:18px;background:var(--gp-surface);border:1px solid var(--gp-line);color:var(--gp-ink);text-decoration:none;overflow:hidden;min-height:150px;transition:border-color .2s,transform .2s var(--gp-ease)}
.gp-cat-card:hover{border-color:var(--gp-line2);transform:translateY(-3px);color:var(--gp-ink)}
.gp-cat-card .ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--gp-surface2);color:var(--gp-cyan)}
.gp-cat-card .ic .gp-ico{width:22px;height:22px}
.gp-cat-card b{font-family:var(--gp-display);font-size:1.05rem;font-weight:800;letter-spacing:-.01em}
.gp-cat-card p{margin:0;font-size:.84rem;color:var(--gp-mute);line-height:1.45}
.gp-cat-card small{margin-top:auto;font-size:.78rem;color:var(--gp-ink2);font-weight:600;display:inline-flex;align-items:center;gap:6px}
.gp-cat-card small .gp-ico{width:14px;height:14px}
.gp-cat-card::after{content:'';position:absolute;right:-30px;top:-30px;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,rgba(124,92,255,.22),transparent 65%);pointer-events:none}
.gp-cat-card.g1 .ic{color:#B9A7FF}.gp-cat-card.g2 .ic{color:var(--gp-cyan)}.gp-cat-card.g3 .ic{color:#FF8FA3}.gp-cat-card.g4 .ic{color:var(--gp-gold)}.gp-cat-card.g5 .ic{color:#7BE39B}.gp-cat-card.g6 .ic{color:#7DB2FF}.gp-cat-card.g7 .ic{color:#FBBF5C}.gp-cat-card.g8 .ic{color:var(--gp-ink2)}
.gp-intent{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:var(--gp-surface);border:1px solid var(--gp-line);color:var(--gp-ink);text-decoration:none;font-weight:600;font-size:.92rem;min-width:200px}
.gp-intent:hover{border-color:var(--gp-line2);color:#fff;background:var(--gp-surface2)}
.gp-intent .ic{width:36px;height:36px;border-radius:10px;background:var(--gp-surface2);display:grid;place-items:center;color:var(--gp-cyan);flex:0 0 36px}
.gp-intent .ic .gp-ico{width:18px;height:18px}
.gp-intent small{display:block;font-weight:500;color:var(--gp-mute);font-size:.76rem;margin-top:1px}

/* ---- Crypto chips ---- */
.gp-crypto{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}
.gp-crypto-chip{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 10px 14px;border-radius:16px;background:var(--gp-surface);border:1px solid var(--gp-line);color:var(--gp-ink);text-decoration:none;font-weight:600;font-size:.86rem;text-align:center}
.gp-crypto-chip:hover{border-color:var(--gp-line2);color:#fff;background:var(--gp-surface2)}
.gp-crypto-chip .c{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-family:var(--gp-mono);font-weight:700;font-size:.9rem;color:#fff}
.gp-crypto-chip .c svg{width:22px;height:22px;fill:#fff}
.gp-crypto-chip small{font-weight:500;color:var(--gp-mute);font-size:.72rem}
@media(max-width:1024px){.gp-crypto{grid-template-columns:repeat(4,1fr)}}
@media(max-width:520px){.gp-crypto{grid-template-columns:repeat(2,1fr)}}

/* ============================================================
   Savings engine / offer strip
   ============================================================ */
.gp-savings{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}
.gp-tierbox{background:linear-gradient(180deg,#151B33,#10162A);border:1px solid rgba(245,196,81,.32);border-radius:var(--gp-r-lg);padding:24px;position:relative;overflow:hidden}
.gp-tierbox::before{content:'';position:absolute;inset:auto -60px -80px auto;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(245,196,81,.16),transparent 60%);pointer-events:none}
.gp-tierbox .hd{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}
.gp-tierbox .hd b{font-family:var(--gp-display);font-size:1.15rem;font-weight:800}
.gp-tierbox .hd small{color:var(--gp-mute);font-size:.82rem;display:block;margin-top:2px}
.gp-tiers{display:grid;grid-template-columns:repeat(var(--n,3),1fr);gap:10px;position:relative}
.gp-tier{position:relative;border:1px solid var(--gp-line);background:var(--gp-bg2);border-radius:14px;padding:14px 14px 12px;display:flex;flex-direction:column;gap:6px}
.gp-tier .rng{font-size:.78rem;color:var(--gp-mute);font-weight:600;font-variant-numeric:tabular-nums}
.gp-tier .pct{font-family:var(--gp-display);font-size:1.9rem;font-weight:800;letter-spacing:-.04em;color:var(--gp-gold);line-height:1;font-variant-numeric:tabular-nums}
.gp-tier .pct small{font-size:.9rem;font-weight:700;letter-spacing:0;margin-left:2px}
.gp-tier .bar{height:4px;border-radius:99px;background:var(--gp-line);overflow:hidden;margin-top:4px}
.gp-tier .bar i{display:block;height:100%;background:linear-gradient(90deg,var(--gp-gold2),var(--gp-gold));width:var(--w,40%)}
.gp-tier.top{border-color:rgba(245,196,81,.5);background:linear-gradient(180deg,#1C1A2E,#131629)}
.gp-tier.top::after{content:'Best value';position:absolute;top:-10px;right:10px;background:var(--gp-gold);color:#1A1405;font-size:.64rem;font-weight:800;padding:3px 8px;border-radius:99px;letter-spacing:.02em}
.gp-tierbox .ft{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:16px;font-size:.84rem;color:var(--gp-ink2)}
.gp-tierbox .ft .clock{display:inline-flex;align-items:center;gap:8px;font-family:var(--gp-mono);font-size:.82rem;color:var(--gp-gold);background:rgba(245,196,81,.1);border:1px solid rgba(245,196,81,.28);border-radius:10px;padding:7px 11px}
.gp-tierbox .ft .clock .gp-ico{width:14px;height:14px}
.gp-perks{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.gp-perk{display:flex;flex-direction:column;gap:8px;padding:18px;border-radius:18px;background:var(--gp-surface);border:1px solid var(--gp-line);color:var(--gp-ink);text-decoration:none;position:relative;min-height:138px}
.gp-perk:hover{border-color:var(--gp-line2);color:var(--gp-ink)}
.gp-perk .ic{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:var(--gp-surface2)}
.gp-perk .ic .gp-ico{width:20px;height:20px}
.gp-perk.violet .ic{color:#B9A7FF;background:rgba(124,92,255,.14)}
.gp-perk.cyan .ic{color:var(--gp-cyan);background:rgba(34,211,238,.12)}
.gp-perk.gold .ic{color:var(--gp-gold);background:rgba(245,196,81,.14)}
.gp-perk.green .ic{color:#7BE39B;background:rgba(34,197,94,.14)}
.gp-perk b{font-family:var(--gp-display);font-size:1.05rem;font-weight:800;letter-spacing:-.01em;line-height:1.2}
.gp-perk b em{font-style:normal;color:var(--gp-gold)}
.gp-perk p{margin:0;font-size:.84rem;color:var(--gp-mute);line-height:1.45}
.gp-perk .go{margin-top:auto;font-size:.8rem;font-weight:700;color:var(--gp-cyan);display:inline-flex;align-items:center;gap:5px}
.gp-perk .go .gp-ico{width:13px;height:13px}
@media(max-width:1024px){.gp-savings{grid-template-columns:1fr}}
@media(max-width:600px){.gp-perks{grid-template-columns:1fr}.gp-tiers{grid-template-columns:1fr 1fr}.gp-tier .pct{font-size:1.6rem}}

/* ============================================================
   How it works — transaction flow
   ============================================================ */
.gp-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;position:relative}
.gp-step{position:relative;padding:22px 20px 20px;border-radius:18px;background:var(--gp-surface);border:1px solid var(--gp-line)}
.gp-step .n{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--gp-surface2);color:var(--gp-cyan);font-family:var(--gp-mono);font-weight:700;font-size:.82rem;border:1px solid var(--gp-line);margin-bottom:14px}
.gp-step b{display:block;font-family:var(--gp-display);font-size:1.12rem;font-weight:800;letter-spacing:-.01em;margin-bottom:6px}
.gp-step p{margin:0;font-size:.88rem;color:var(--gp-mute);line-height:1.5}
.gp-step::after{content:'';position:absolute;top:50%;right:-15px;width:16px;height:2px;background:var(--gp-line2)}
.gp-step:last-child::after{display:none}
.gp-flow{margin-top:18px;border:1px solid var(--gp-line);border-radius:18px;background:var(--gp-bg2);padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:8px;overflow-x:auto;scrollbar-width:none}
.gp-flow::-webkit-scrollbar{display:none}
.gp-flow .st{display:inline-flex;align-items:center;gap:8px;font-family:var(--gp-mono);font-size:.76rem;font-weight:600;color:var(--gp-ink2);padding:8px 12px;border-radius:10px;background:var(--gp-surface);border:1px solid var(--gp-line);white-space:nowrap}
.gp-flow .st .gp-ico{width:15px;height:15px;color:var(--gp-cyan)}
.gp-flow .ln{flex:1;height:2px;min-width:20px;background:var(--gp-line2);position:relative;overflow:hidden;border-radius:2px}
.gp-flow .ln::after{content:'';position:absolute;inset:0;width:40%;background:linear-gradient(90deg,transparent,var(--gp-cyan),transparent);animation:gpFlow 2.4s linear infinite}
.gp-flow .ln:nth-child(4)::after{animation-delay:.5s}.gp-flow .ln:nth-child(6)::after{animation-delay:1s}.gp-flow .ln:nth-child(8)::after{animation-delay:1.5s}
@keyframes gpFlow{from{transform:translateX(-100%)}to{transform:translateX(250%)}}
@media(prefers-reduced-motion:reduce){.gp-flow .ln::after{animation:none;left:30%}}
@media(max-width:1024px){.gp-steps{grid-template-columns:1fr 1fr}.gp-step::after{display:none}}
@media(max-width:600px){.gp-steps{grid-template-columns:1fr}}

/* ============================================================
   Wallet showcase + Sell section + Trust
   ============================================================ */
.gp-wallet-sec{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}
.gp-wallet-card{position:relative;border-radius:24px;padding:24px;background:linear-gradient(135deg,#1B1740 0%,#121B34 55%,#0F1A2E 100%);border:1px solid rgba(124,92,255,.4);box-shadow:var(--gp-glow);overflow:hidden}
.gp-wallet-card::before{content:'';position:absolute;inset:-40% -20% auto auto;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(34,211,238,.18),transparent 62%);pointer-events:none}
.gp-wallet-card .top{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--gp-ink2)}
.gp-wallet-card .top b{font-family:var(--gp-display);font-weight:800;color:#fff;letter-spacing:-.02em}
.gp-wallet-card .bal{margin:20px 0 4px;font-size:.78rem;color:var(--gp-mute)}
.gp-wallet-card .amt{font-family:var(--gp-mono);font-size:2.1rem;font-weight:600;color:#fff;letter-spacing:-.02em;line-height:1}
.gp-wallet-card .amt small{font-size:.9rem;color:var(--gp-mute);margin-left:6px}
.gp-wallet-card .rows{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}
.gp-wallet-card .rows div{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:10px 12px;font-size:.8rem;color:var(--gp-mute)}
.gp-wallet-card .rows b{display:block;color:#fff;font-family:var(--gp-mono);font-weight:600;font-size:.92rem;margin-top:2px}
.gp-wallet-card .rows b.g{color:#7BE39B}.gp-wallet-card .rows b.y{color:var(--gp-gold)}
.gp-wallet-card .ledger{margin-top:14px;display:flex;flex-direction:column;gap:6px;font-size:.78rem}
.gp-wallet-card .ledger div{display:flex;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.03)}
.gp-wallet-card .ledger span{color:var(--gp-ink2)}.gp-wallet-card .ledger b{font-family:var(--gp-mono);font-weight:600}
.gp-feat{display:flex;flex-direction:column;gap:12px;margin:22px 0}
.gp-feat div{display:flex;gap:12px;align-items:flex-start}
.gp-feat .ic{width:36px;height:36px;border-radius:10px;background:var(--gp-surface);border:1px solid var(--gp-line);display:grid;place-items:center;color:var(--gp-cyan);flex:0 0 36px}
.gp-feat .ic .gp-ico{width:18px;height:18px}
.gp-feat b{display:block;font-size:.95rem}
.gp-feat p{margin:2px 0 0;font-size:.86rem;color:var(--gp-mute);line-height:1.45}
@media(max-width:920px){.gp-wallet-sec{grid-template-columns:1fr}}

.gp-sell{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center;background:linear-gradient(180deg,var(--gp-surface2),var(--gp-surface));border:1px solid var(--gp-line2);border-radius:var(--gp-r-xl);padding:34px}
.gp-sell .steps{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:18px 0 0}
.gp-sell .steps div{padding:12px 10px;border-radius:12px;background:var(--gp-bg2);border:1px solid var(--gp-line);font-size:.8rem;color:var(--gp-ink2);font-weight:600;text-align:center}
.gp-sell .steps i{display:block;font:600 .68rem var(--gp-mono);color:var(--gp-mute);margin-bottom:5px;font-style:normal}
.gp-sell .steps div.last{border-color:rgba(245,196,81,.45);color:var(--gp-gold)}
.gp-sell .promise{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}
.gp-sell .promise span{display:inline-flex;align-items:center;gap:8px;font-size:.84rem;color:var(--gp-ink);background:var(--gp-bg2);border:1px solid var(--gp-line);padding:8px 12px;border-radius:12px}
.gp-sell .promise .gp-ico{width:16px;height:16px;color:var(--gp-green)}
.gp-sell .promise b{color:var(--gp-gold)}
@media(max-width:920px){.gp-sell{grid-template-columns:1fr;padding:24px 20px}.gp-sell .steps{grid-template-columns:repeat(5,minmax(96px,1fr));overflow-x:auto}}

.gp-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.gp-trust-card{padding:18px;border-radius:16px;background:var(--gp-surface);border:1px solid var(--gp-line);display:flex;flex-direction:column;gap:8px}
.gp-trust-card .ic{width:36px;height:36px;border-radius:10px;background:var(--gp-surface2);display:grid;place-items:center;color:#7BE39B}
.gp-trust-card .ic .gp-ico{width:18px;height:18px}
.gp-trust-card b{font-size:.95rem}
.gp-trust-card p{margin:0;font-size:.83rem;color:var(--gp-mute);line-height:1.45}
@media(max-width:1024px){.gp-trust{grid-template-columns:repeat(2,1fr)}}

/* ============================================================
   Feedback
   ============================================================ */
.gp-fb{display:grid;grid-template-columns:320px 1fr;gap:20px;align-items:start}
.gp-fb-score{padding:22px;border-radius:20px;background:var(--gp-surface);border:1px solid var(--gp-line)}
.gp-fb-score .big{font-family:var(--gp-display);font-size:3rem;font-weight:800;letter-spacing:-.04em;line-height:1;color:#fff}
.gp-fb-score .big small{font-size:1rem;color:var(--gp-mute);letter-spacing:0;margin-left:4px}
.gp-fb-score .l{font-size:.86rem;color:var(--gp-mute);margin:8px 0 14px}
.gp-fb-score .l b{color:var(--gp-ink)}
.gp-fb-score .dist{display:flex;flex-direction:column;gap:6px}
.gp-fb-score .dist div{display:grid;grid-template-columns:14px 1fr 34px;gap:8px;align-items:center;font-size:.76rem;color:var(--gp-mute);font-variant-numeric:tabular-nums}
.gp-fb-score .dist i{height:7px;border-radius:99px;background:var(--gp-line);overflow:hidden;display:block}
.gp-fb-score .dist i::after{content:'';display:block;height:100%;width:var(--w,0%);background:var(--gp-gold);border-radius:99px}
.gp-fb-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.gp-review-card{padding:18px;border-radius:16px;background:var(--gp-surface);border:1px solid var(--gp-line);display:flex;flex-direction:column;gap:10px}
.gp-review-card .st{display:flex;align-items:center;gap:8px;font-size:.74rem;color:var(--gp-mute)}
.gp-review-card .st .stars{display:inline-flex;gap:2px}
.gp-review-card .st .stars i{width:12px;height:12px;background:var(--gp-gold);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}
.gp-review-card .st .stars i.off{background:var(--gp-line2)}
.gp-review-card .st .v{color:#7BE39B;font-weight:700}
.gp-review-card p{margin:0;font-size:.92rem;line-height:1.5;color:var(--gp-ink)}
.gp-review-card i.who{font-style:normal;font-size:.78rem;color:var(--gp-mute);margin-top:auto}
.gp-fb-empty{padding:28px;border-radius:20px;background:var(--gp-surface);border:1px dashed var(--gp-line2);text-align:center}
@media(max-width:1024px){.gp-fb{grid-template-columns:1fr}.gp-fb-cards{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.gp-fb-cards{grid-template-columns:1fr}}

/* ============================================================
   Editorial, FAQ, referral, final CTA
   ============================================================ */
.gp-editorial{display:grid;grid-template-columns:1fr 1fr;gap:20px 40px}
.gp-editorial h2{grid-column:1/-1;max-width:20ch}
.gp-editorial .lead{grid-column:1/-1;font-size:1.05rem;color:var(--gp-ink2);max-width:70ch;margin:0 0 8px;line-height:1.6}
.gp-editorial h3{font-size:1.05rem;margin:14px 0 6px}
.gp-editorial p{margin:0 0 10px;color:var(--gp-mute);line-height:1.62;font-size:.94rem}
.gp-editorial a{color:var(--gp-cyan)}
@media(max-width:820px){.gp-editorial{grid-template-columns:1fr}}
.gp-faq{max-width:840px}
.gp-faq details{border:1px solid var(--gp-line);border-radius:14px;background:var(--gp-surface);margin:8px 0}
.gp-faq summary{list-style:none;cursor:pointer;padding:16px 18px;font-weight:600;display:flex;justify-content:space-between;align-items:center;gap:14px;color:var(--gp-ink)}
.gp-faq summary::-webkit-details-marker{display:none}
.gp-faq summary .gp-ico{width:18px;height:18px;color:var(--gp-cyan);transition:transform .2s;flex:0 0 18px}
.gp-faq details[open] summary .gp-ico{transform:rotate(45deg)}
.gp-faq .a{padding:0 18px 16px;color:var(--gp-ink2);line-height:1.6;font-size:.94rem}
.gp-cta{border-radius:var(--gp-r-xl);padding:40px;background:linear-gradient(120deg,#1A1642,#0F1A33 60%,#0B1424);border:1px solid rgba(124,92,255,.35);display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center;position:relative;overflow:hidden}
.gp-cta::after{content:'';position:absolute;right:-80px;top:-80px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(34,211,238,.16),transparent 62%)}
.gp-cta h2{margin:0 0 8px}
.gp-cta p{margin:0;color:var(--gp-ink2);max-width:58ch}
.gp-cta .acts{display:flex;gap:10px;flex-wrap:wrap;position:relative}
.gp-cta.gold{border-color:rgba(245,196,81,.35);background:linear-gradient(120deg,#2A2110,#141A2E 60%,#0B1424)}
.gp-cta.gold::after{background:radial-gradient(circle,rgba(245,196,81,.16),transparent 62%)}
@media(max-width:820px){.gp-cta{grid-template-columns:1fr;padding:28px 22px}}

/* ============================================================
   Breadcrumbs, page heads, states
   ============================================================ */
.gp-crumb{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:.8rem;color:var(--gp-mute);margin:18px 0 0;list-style:none;padding:0}
.gp-crumb li{display:inline-flex;align-items:center;gap:6px}
.gp-crumb a{color:var(--gp-mute)}
.gp-crumb a:hover{color:#fff}
.gp-crumb li+li::before{content:'';width:4px;height:4px;border-radius:50%;background:var(--gp-mute2)}
.gp-crumb [aria-current]{color:var(--gp-ink2)}
.gp-pagehead{padding:26px 0 8px}
.gp-pagehead h1{margin:6px 0 10px}
.gp-pagehead p{color:var(--gp-ink2);max-width:62ch;margin:0;font-size:1.02rem;line-height:1.6}
.gp-empty{padding:40px 24px;border:1px dashed var(--gp-line2);border-radius:20px;text-align:center;background:var(--gp-surface)}
.gp-empty .ic{width:52px;height:52px;border-radius:14px;background:var(--gp-surface2);display:grid;place-items:center;margin:0 auto 14px;color:var(--gp-mute)}
.gp-empty b{display:block;font-family:var(--gp-display);font-size:1.15rem;margin-bottom:6px}
.gp-empty p{margin:0 auto 16px;color:var(--gp-mute);max-width:44ch}
.gp-skel{position:relative;overflow:hidden;background:var(--gp-surface2);border-radius:12px}
.gp-skel::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);transform:translateX(-100%);animation:gpSk 1.4s infinite}
@keyframes gpSk{to{transform:translateX(100%)}}
.gp-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);background:var(--gp-surface3);color:#fff;border:1px solid var(--gp-line2);padding:11px 16px;border-radius:12px;font-size:.88rem;font-weight:600;box-shadow:var(--gp-shadow);z-index:200;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s var(--gp-ease)}
.gp-toast.on{opacity:1;transform:translate(-50%,0)}
@media(max-width:920px){.gp-toast{bottom:calc(84px + env(safe-area-inset-bottom))}}

/* ============================================================
   Magazine — /blog
   ============================================================ */
.gp-mag-hero{padding:34px 0 8px}
.gp-mag-hero .row{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap}
.gp-mag-hero h1{margin:8px 0 6px}
.gp-mag-hero h1 span{color:var(--gp-cyan)}
.gp-mag-hero p{color:var(--gp-ink2);margin:0;max-width:60ch;font-size:1.02rem}
.gp-mag-search{position:relative;min-width:300px;flex:0 1 380px}
.gp-mag-search input{width:100%;height:46px;padding:0 14px 0 40px;border-radius:12px}
.gp-mag-search>svg{position:absolute;left:13px;top:50%;transform:translateY(-50%);width:17px;height:17px;color:var(--gp-mute)}
.gp-filters{display:flex;gap:8px;overflow-x:auto;padding:16px 0 4px;scrollbar-width:none;margin:0 -20px;padding-left:20px;padding-right:20px}
.gp-filters::-webkit-scrollbar{display:none}
.gp-filters a{flex:0 0 auto;font-size:.84rem;font-weight:600;color:var(--gp-ink2);border:1px solid var(--gp-line);background:var(--gp-surface);border-radius:99px;padding:8px 14px;text-decoration:none}
.gp-filters a:hover{color:#fff;border-color:var(--gp-line2)}
.gp-filters a.on{background:var(--gp-violet);border-color:var(--gp-violet);color:#fff}
.gp-feature{display:grid;grid-template-columns:1.25fr 1fr;border:1px solid var(--gp-line2);border-radius:var(--gp-r-xl);overflow:hidden;background:var(--gp-surface);text-decoration:none;color:var(--gp-ink);margin-top:22px}
.gp-feature:hover{color:var(--gp-ink);border-color:var(--gp-mute2)}
.gp-feature .img{position:relative;min-height:320px;background:var(--gp-bg2)}
.gp-feature .img img{width:100%;height:100%;object-fit:cover;display:block;position:absolute;inset:0}
.gp-feature .body{padding:34px;display:flex;flex-direction:column;gap:14px;justify-content:center}
.gp-feature h2{font-size:clamp(1.4rem,2.4vw,1.9rem);margin:0;line-height:1.15}
.gp-feature p{margin:0;color:var(--gp-mute);line-height:1.55;font-size:.96rem}
.gp-feature .meta{display:flex;flex-wrap:wrap;gap:8px 14px;font-size:.8rem;color:var(--gp-mute);align-items:center}
.gp-feature .go{margin-top:6px;align-self:flex-start}
.gp-mag-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.gp-mag-card{display:flex;flex-direction:column;border:1px solid var(--gp-line);border-radius:20px;overflow:hidden;background:var(--gp-surface);color:var(--gp-ink);text-decoration:none;transition:transform .2s var(--gp-ease),border-color .2s}
.gp-mag-card:hover{transform:translateY(-3px);border-color:var(--gp-line2);color:var(--gp-ink)}
.gp-mag-card .img{aspect-ratio:16/9;background:var(--gp-bg2);overflow:hidden}
.gp-mag-card .img img{width:100%;height:100%;object-fit:cover;display:block}
.gp-mag-card .body{padding:18px 18px 20px;display:flex;flex-direction:column;gap:9px;flex:1}
.gp-mag-card h3{font-size:1.08rem;line-height:1.3;margin:0;font-weight:800;letter-spacing:-.01em}
.gp-mag-card p{margin:0;color:var(--gp-mute);font-size:.88rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.gp-mag-card .meta{margin-top:auto;padding-top:10px;display:flex;justify-content:space-between;align-items:center;font-size:.76rem;color:var(--gp-mute)}
.gp-mag-card .meta .rm{color:var(--gp-cyan);font-weight:700}
.gp-mag-card.wide{flex-direction:row}
.gp-mag-card.wide .img{flex:0 0 42%;aspect-ratio:auto}
.gp-cat-badge{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;font-weight:700;padding:4px 9px;border-radius:99px;letter-spacing:.01em;background:var(--gp-surface2);color:var(--gp-ink2);border:1px solid var(--gp-line);align-self:flex-start}
.gp-cat-badge::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--c,var(--gp-cyan))}
.gp-cat-badge.c-crypto{--c:#B9A7FF}.gp-cat-badge.c-gift{--c:var(--gp-cyan)}.gp-cat-badge.c-gaming{--c:#7BE39B}.gp-cat-badge.c-shopping{--c:var(--gp-gold)}.gp-cat-badge.c-travel{--c:#FF8FA3}.gp-cat-badge.c-deals{--c:#FBBF5C}.gp-cat-badge.c-news{--c:#7DB2FF}.gp-cat-badge.c-howto{--c:#22D3EE}
.gp-mag-side{display:grid;grid-template-columns:1fr 340px;gap:22px;align-items:start}
.gp-mag-list{display:flex;flex-direction:column;gap:12px}
.gp-mag-mini{display:flex;gap:12px;align-items:center;padding:10px;border:1px solid var(--gp-line);border-radius:14px;background:var(--gp-surface);color:var(--gp-ink);text-decoration:none}
.gp-mag-mini:hover{border-color:var(--gp-line2);color:#fff}
.gp-mag-mini img{width:84px;height:60px;object-fit:cover;border-radius:9px;flex:0 0 84px;background:var(--gp-bg2)}
.gp-mag-mini b{display:block;font-size:.9rem;line-height:1.3;font-weight:700}
.gp-mag-mini i{font-style:normal;font-size:.74rem;color:var(--gp-mute);display:block;margin-top:4px}
.gp-mag-mini .k{font-family:var(--gp-mono);color:var(--gp-mute2);font-size:.9rem;font-weight:600;width:22px;flex:0 0 22px;text-align:center}
.gp-side-box{border:1px solid var(--gp-line);border-radius:20px;background:var(--gp-surface);padding:18px}
.gp-side-box h3{margin:0 0 12px;font-size:1rem}
.gp-side-box .lst a{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 0;border-top:1px solid var(--gp-line);color:var(--gp-ink2);font-size:.88rem;font-weight:600;text-decoration:none}
.gp-side-box .lst a:first-child{border-top:0}
.gp-side-box .lst a:hover{color:#fff}
.gp-side-box .lst small{color:var(--gp-mute);font-weight:500}
@media(max-width:1024px){.gp-mag-side{grid-template-columns:1fr}.gp-mag-grid{grid-template-columns:1fr 1fr}}
@media(max-width:820px){.gp-feature{grid-template-columns:1fr}.gp-feature .img{min-height:210px;aspect-ratio:16/9;position:relative}.gp-feature .body{padding:22px}.gp-mag-card.wide{flex-direction:column}.gp-mag-card.wide .img{aspect-ratio:16/9}}
@media(max-width:600px){.gp-mag-grid{grid-template-columns:1fr}.gp-mag-search{min-width:0;flex:1 1 100%}}

/* ============================================================
   Article — /blog/{slug}
   ============================================================ */
.gp-progress{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,var(--gp-violet),var(--gp-cyan));z-index:130;transition:width .1s linear}
.gp-art-head{padding:26px 0 10px;max-width:880px}
.gp-art-head h1{font-size:clamp(1.9rem,4vw,2.9rem);margin:12px 0 10px;line-height:1.1}
.gp-art-head .sub{font-size:1.12rem;color:var(--gp-ink2);line-height:1.55;margin:0 0 18px;max-width:64ch}
.gp-art-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;font-size:.84rem;color:var(--gp-mute);padding:14px 0;border-top:1px solid var(--gp-line);border-bottom:1px solid var(--gp-line)}
.gp-art-meta .au{display:inline-flex;align-items:center;gap:9px;color:var(--gp-ink)}
.gp-art-meta .au i{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--gp-violet),var(--gp-cyan));display:grid;place-items:center;font-style:normal;font-weight:800;font-size:.8rem;color:#fff}
.gp-art-meta .au b{font-weight:700}
.gp-art-meta .au small{display:block;color:var(--gp-mute);font-size:.74rem}
.gp-art-meta .share{margin-left:auto;display:flex;gap:6px}
.gp-art-meta .share a,.gp-art-meta .share button{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;border:1px solid var(--gp-line);background:transparent;color:var(--gp-ink2);cursor:pointer}
.gp-art-meta .share a:hover,.gp-art-meta .share button:hover{background:var(--gp-surface);color:#fff}
.gp-art-meta .share .gp-ico{width:16px;height:16px}
.gp-art-hero{margin:22px 0 0;border-radius:var(--gp-r-xl);overflow:hidden;border:1px solid var(--gp-line);background:var(--gp-bg2);aspect-ratio:1200/630}
.gp-art-hero img{width:100%;height:100%;display:block;object-fit:cover}
.gp-art{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:44px;margin-top:34px;align-items:start}
.gp-art-body{font-size:1.06rem;line-height:1.78;color:var(--gp-ink2);max-width:72ch}
.gp-art-body>*:first-child{margin-top:0}
.gp-art-body h2{font-size:1.6rem;margin:2.1em 0 .6em;color:#fff;scroll-margin-top:90px}
.gp-art-body h3{font-size:1.2rem;margin:1.6em 0 .5em;color:#fff;scroll-margin-top:90px}
.gp-art-body p{margin:0 0 1.15em}
.gp-art-body a{color:var(--gp-cyan);text-decoration:underline;text-decoration-color:rgba(34,211,238,.35);text-underline-offset:3px}
.gp-art-body a:hover{color:#fff}
.gp-art-body ul,.gp-art-body ol{padding-left:1.3em;margin:0 0 1.2em}
.gp-art-body li{margin:.35em 0}
.gp-art-body li::marker{color:var(--gp-cyan)}
.gp-art-body ol.steps{list-style:none;padding:0;counter-reset:s;margin:1.2em 0}
.gp-art-body ol.steps li{counter-increment:s;position:relative;padding:14px 16px 14px 62px;border:1px solid var(--gp-line);border-radius:14px;background:var(--gp-surface);margin:8px 0}
.gp-art-body ol.steps li::before{content:counter(s,decimal-leading-zero);position:absolute;left:16px;top:14px;width:34px;height:34px;border-radius:10px;background:var(--gp-surface2);color:var(--gp-cyan);font:700 .8rem var(--gp-mono);display:grid;place-items:center;border:1px solid var(--gp-line)}
.gp-art-body ol.steps b{color:#fff}
.gp-art-body img{max-width:100%;border-radius:16px;border:1px solid var(--gp-line)}
.gp-art-body figure{margin:1.6em 0}
.gp-art-body figcaption{font-size:.82rem;color:var(--gp-mute);margin-top:8px;text-align:center}
.gp-art-body blockquote,.gp-art-body .callout{margin:1.6em 0;padding:18px 20px 18px 22px;border-left:3px solid var(--gp-violet);background:var(--gp-surface);border-radius:0 16px 16px 0;color:var(--gp-ink);font-size:1rem}
.gp-art-body .callout.tip{border-left-color:var(--gp-green)}
.gp-art-body .callout.warn{border-left-color:var(--gp-amber)}
.gp-art-body .callout.gold{border-left-color:var(--gp-gold)}
.gp-art-body .callout b:first-child{display:block;margin-bottom:4px;color:#fff}
.gp-art-body .callout p:last-child{margin:0}
.gp-art-body table{width:100%;border-collapse:collapse;font-size:.9rem;margin:1.4em 0;display:block;overflow-x:auto}
.gp-art-body th,.gp-art-body td{text-align:left;padding:11px 12px;border-bottom:1px solid var(--gp-line);vertical-align:top}
.gp-art-body th{color:var(--gp-ink);font-weight:700;background:var(--gp-surface);font-size:.8rem;white-space:nowrap}
.gp-art-body td{color:var(--gp-ink2)}
.gp-art-body tr:hover td{background:rgba(255,255,255,.02)}
.gp-art-body .kt{margin:2em 0;padding:22px;border-radius:18px;background:linear-gradient(180deg,var(--gp-surface2),var(--gp-surface));border:1px solid var(--gp-line2)}
.gp-art-body .kt b:first-child{display:block;font-family:var(--gp-display);font-size:1.1rem;color:#fff;margin-bottom:10px}
.gp-art-body .kt ul{margin:0}
.gp-art-body .cta{margin:2.2em 0;padding:24px;border-radius:20px;background:linear-gradient(120deg,#1A1642,#0F1A33);border:1px solid rgba(124,92,255,.35);display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.gp-art-body .cta b{display:block;font-family:var(--gp-display);font-size:1.15rem;color:#fff;margin-bottom:4px}
.gp-art-body .cta span{color:var(--gp-ink2);font-size:.92rem}
.gp-art-body .cta a{text-decoration:none}
.gp-art-body .flow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:1.4em 0;padding:16px;border-radius:16px;background:var(--gp-bg2);border:1px solid var(--gp-line)}
.gp-art-body .flow span{font:600 .78rem var(--gp-mono);padding:8px 12px;border-radius:10px;background:var(--gp-surface);border:1px solid var(--gp-line);color:var(--gp-ink)}
.gp-art-body .flow i{color:var(--gp-mute2);font-style:normal}
.gp-art-body .pick{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:1.4em 0}
.gp-art-body .pick div{padding:14px;border-radius:14px;background:var(--gp-surface);border:1px solid var(--gp-line);font-size:.86rem;color:var(--gp-ink2)}
.gp-art-body .pick b{display:block;color:var(--gp-gold);font-size:.78rem;margin-bottom:4px}
.gp-art-body .pick strong{color:#fff;display:block;margin-bottom:2px}
.gp-art-side{position:sticky;top:86px;display:flex;flex-direction:column;gap:16px}
.gp-toc{border:1px solid var(--gp-line);border-radius:18px;background:var(--gp-surface);padding:16px 18px}
.gp-toc b{display:block;font-size:.82rem;color:var(--gp-mute);margin-bottom:8px;font-weight:700}
.gp-toc ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.gp-toc a{display:block;padding:7px 10px;border-radius:9px;font-size:.86rem;color:var(--gp-ink2);text-decoration:none;border-left:2px solid transparent;line-height:1.3}
.gp-toc a:hover{color:#fff;background:var(--gp-surface2)}
.gp-toc a.on{color:#fff;border-left-color:var(--gp-cyan);background:var(--gp-surface2)}
.gp-toc summary{display:none}
.gp-art-side .gp-brand-card{padding:8px}
.gp-art-side .gp-brand-card .nm{font-size:.86rem;margin-top:8px}
.gp-side-brands{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.gp-readnext{margin-top:56px;padding-top:34px;border-top:1px solid var(--gp-line)}
@media(max-width:1024px){
  .gp-art{grid-template-columns:1fr;gap:26px}
  .gp-art-side{position:static;order:-1}
  .gp-toc summary{display:flex;justify-content:space-between;cursor:pointer;font-weight:700;list-style:none}
  .gp-toc summary::-webkit-details-marker{display:none}
  .gp-toc details>b{display:none}
  .gp-toc:not([open]) ol{display:none}
  .gp-art-side>*:not(.gp-toc){display:none}
  .gp-art-body{font-size:1rem}
}

/* ============================================================
   Account shell reskin (dashnav + profile + dashboard)
   ============================================================ */
.dash{grid-template-columns:240px 1fr;gap:28px}
.dashnav.sidebar{background:var(--gp-surface);border:1px solid var(--gp-line);border-radius:20px;padding:12px;position:sticky;top:84px}
.dn-me{display:flex;gap:12px;align-items:center;padding:10px;border-radius:14px;text-decoration:none;color:var(--gp-ink)}
.dn-me:hover{background:var(--gp-surface2)}
.dn-av{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,var(--gp-violet),var(--gp-cyan));color:#fff;display:grid;place-items:center;font-family:var(--gp-display);font-weight:800;font-size:1.05rem;flex:0 0 44px}
.dn-av.ok{box-shadow:0 0 0 2px var(--gp-bg),0 0 0 4px var(--gp-green)}
.dn-me-t b{display:block;font-size:.95rem;line-height:1.2}
.dn-me-t .dn-tier{font-style:normal;font-size:.74rem;color:var(--gp-mute);display:block;margin-top:2px}
.dn-me-t .dn-tier.ok{color:#7BE39B}
.dn-me-t small{display:block;font-size:.7rem;color:var(--gp-mute2)}
.dn-level{display:flex;align-items:center;gap:10px;margin:8px 0 10px;padding:10px 12px;border-radius:12px;background:var(--gp-bg2);border:1px solid var(--gp-line);color:var(--gp-ink2);text-decoration:none;font-size:.8rem}
.dn-level .dn-svg{width:18px;height:18px;color:var(--gp-cyan)}
.dn-level-t i{font-style:normal;color:var(--gp-mute);display:block;font-size:.7rem}
.dn-level-t b{color:var(--gp-ink);font-size:.82rem}
.dn-level .dn-chev{margin-left:auto;width:16px;height:16px;color:var(--gp-mute2)}
.dn-links{display:flex;flex-direction:column;gap:2px}
.dn-links a{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:11px;color:var(--gp-ink2);font-weight:600;font-size:.9rem;text-decoration:none}
.dn-links a:hover{background:var(--gp-surface2);color:#fff}
.dn-links a.on{background:rgba(124,92,255,.14);color:#fff}
.dn-links a.on .dn-svg{color:#B9A7FF}
.dn-links .dn-ic{display:grid;place-items:center;width:22px;height:22px}
.dn-links .dn-svg{width:19px;height:19px;color:var(--gp-mute)}
.dn-links .kycpill{margin-left:auto;font-size:.66rem;font-weight:700;padding:3px 7px;border-radius:99px;background:var(--gp-surface2);color:var(--gp-mute)}
.dn-links .kycpill.tv{background:rgba(34,197,94,.14);color:#7BE39B}
.dn-links .kycpill.tp{background:rgba(245,158,11,.14);color:#FBBF5C}
.dn-links .dn-out{margin-top:6px;border-top:1px solid var(--gp-line);border-radius:0;padding-top:12px;color:var(--gp-mute)}
.botnav{display:none}
@media(max-width:920px){
  .dash{grid-template-columns:1fr;gap:16px}
  .dashnav.sidebar{display:none}
  body.gp-has-mnav .botnav{display:none}
}
/* dashboard + profile blocks */
.acct{display:flex;flex-direction:column;gap:18px;min-width:0}
.acct-hero{position:relative;border-radius:24px;padding:26px;background:linear-gradient(135deg,#1B1740 0%,#121B34 55%,#0F1A2E 100%);border:1px solid rgba(124,92,255,.35);overflow:hidden}
.acct-hero-glow{position:absolute;inset:-40% -10% auto auto;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(34,211,238,.16),transparent 62%);pointer-events:none}
.acct-hero-grid{position:relative;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;align-items:center}
.acct-id{display:flex;gap:16px;align-items:center}
.acct-avatar{position:relative;width:64px;height:64px;border-radius:18px;background:linear-gradient(135deg,var(--gp-violet),var(--gp-cyan));display:grid;place-items:center;font-family:var(--gp-display);font-size:1.5rem;font-weight:800;color:#fff;flex:0 0 64px}
.acct-avatar-badge{position:absolute;right:-6px;bottom:-6px;width:24px;height:24px;border-radius:50%;background:var(--gp-green);color:#062015;font-size:.78rem;font-weight:800;display:grid;place-items:center;border:3px solid #131B33}
.acct-hello{font-size:.78rem;color:var(--gp-mute);display:block}
.acct-name{font-size:clamp(1.3rem,2.4vw,1.7rem);margin:2px 0 8px}
.acct-chips{display:flex;flex-wrap:wrap;gap:6px}
.acct-chip{font-size:.72rem;font-weight:700;padding:4px 9px;border-radius:99px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:var(--gp-ink2)}
.acct-chip.verified,.acct-chip.ok{background:rgba(34,197,94,.14);color:#7BE39B;border-color:rgba(34,197,94,.3)}
.acct-chip.pending{background:rgba(245,158,11,.14);color:#FBBF5C;border-color:rgba(245,158,11,.3)}
.acct-chip.unverified,.acct-chip.off{background:rgba(240,97,109,.12);color:#FF8F98;border-color:rgba(240,97,109,.3)}
.acct-hero-metrics{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.acct-metric .k{display:block;font-size:.76rem;color:var(--gp-mute)}
.acct-metric .v{display:block;font-family:var(--gp-mono);font-size:1.7rem;font-weight:600;color:#fff;letter-spacing:-.02em;margin:2px 0}
.acct-metric .s{display:block;font-size:.74rem;color:var(--gp-mute)}
.acct-hero-acts{display:flex;gap:8px}
.acct-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border-radius:11px;font-weight:700;font-size:.88rem;border:1px solid transparent;cursor:pointer;font-family:inherit;text-decoration:none;color:#fff;background:var(--gp-violet)}
.acct-btn:hover{background:var(--gp-violet2);color:#fff}
.acct-btn.primary{background:var(--gp-violet)}
.acct-btn.glass,.acct-btn.ghost{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);color:#fff}
.acct-btn.glass:hover,.acct-btn.ghost:hover{background:rgba(255,255,255,.12)}
.acct-btn.danger{background:rgba(240,97,109,.14);color:#FF8F98;border-color:rgba(240,97,109,.3)}
.acct-btn.sm{padding:8px 12px;font-size:.8rem}
.acct-alert{padding:12px 16px;border-radius:12px;font-size:.9rem;font-weight:500}
.acct-alert.err{background:rgba(240,97,109,.12);color:#FF8F98;border:1px solid rgba(240,97,109,.3)}
.acct-alert.ok{background:rgba(34,197,94,.12);color:#7BE39B;border:1px solid rgba(34,197,94,.3)}
.acct-statgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.acct-stat{position:relative;padding:16px 18px;border-radius:16px;background:var(--gp-surface);border:1px solid var(--gp-line);display:flex;flex-direction:column;gap:2px}
.acct-stat .ic{width:34px;height:34px;border-radius:10px;background:var(--gp-surface2);display:grid;place-items:center;margin-bottom:8px;font-size:1rem;color:var(--gp-cyan)}
.acct-stat .ic svg{width:18px;height:18px}
.acct-stat b{font-family:var(--gp-mono);font-size:1.3rem;font-weight:600;color:#fff;letter-spacing:-.02em}
.acct-stat>span:last-of-type{font-size:.78rem;color:var(--gp-mute)}
.acct-stat-bar{height:4px;border-radius:99px;background:var(--gp-line);margin-top:8px;overflow:hidden}
.acct-stat-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--gp-violet),var(--gp-cyan))}
.acct-cols{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
.acct-col{display:flex;flex-direction:column;gap:18px;min-width:0}
.acct-glass{background:var(--gp-surface);border:1px solid var(--gp-line);border-radius:20px;padding:22px}
.acct-cardhead{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}
.acct-h3{margin:0;font-size:1.02rem;display:flex;align-items:center;gap:9px}
.acct-h3 .gp-ico{width:19px;height:19px;color:var(--gp-cyan)}
.acct-sub{margin:4px 0 0;font-size:.86rem;color:var(--gp-mute);line-height:1.5}
.acct-pill{font-size:.72rem;font-weight:700;padding:4px 9px;border-radius:99px;background:var(--gp-surface2);color:var(--gp-mute)}
.acct-pill.ok{background:rgba(34,197,94,.14);color:#7BE39B}
.acct-pill.warn{background:rgba(245,158,11,.14);color:#FBBF5C}
.acct-pill.off{background:rgba(240,97,109,.12);color:#FF8F98}
.acct-form{display:flex;flex-direction:column}
.acct-label{font-size:.8rem;font-weight:600;color:var(--gp-ink2);margin:12px 0 5px}
.acct-input{width:100%;padding:11px 12px;border:1px solid var(--gp-line);border-radius:11px;background:var(--gp-bg2);color:var(--gp-ink);font:inherit}
.acct-input:disabled{opacity:.6}
.acct-row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.acct-kyc-state{display:flex;gap:14px;align-items:flex-start;padding:14px;border-radius:14px;background:var(--gp-bg2);border:1px solid var(--gp-line)}
.acct-kyc-shield{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-weight:800;flex:0 0 42px;background:var(--gp-surface2);color:var(--gp-mute)}
.acct-kyc-state.ok .acct-kyc-shield{background:rgba(34,197,94,.14);color:#7BE39B}
.acct-kyc-state.pending .acct-kyc-shield{background:rgba(245,158,11,.14);color:#FBBF5C}
.acct-kyc-state.rejected .acct-kyc-shield{background:rgba(240,97,109,.14);color:#FF8F98}
.acct-kyc-state b{display:block}
.acct-kyc-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}
.acct-kyc-steps div{padding:12px;border-radius:12px;background:var(--gp-bg2);border:1px solid var(--gp-line);font-size:.8rem;color:var(--gp-ink2)}
.acct-kyc-steps div i{display:block;font:700 .7rem var(--gp-mono);color:var(--gp-cyan);margin-bottom:4px;font-style:normal}
.acct-list{display:flex;flex-direction:column}
.acct-list>div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--gp-line);font-size:.9rem}
.acct-list>div:first-child{border-top:0}
.acct-list b{font-weight:600}
.acct-list small{display:block;color:var(--gp-mute);font-size:.78rem}
.acct-list .amt{font-family:var(--gp-mono);font-weight:600}
.acct-list .amt.pos{color:#7BE39B}.acct-list .amt.neg{color:var(--gp-ink2)}
.acct-codes{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;margin-top:12px}
.acct-codes code{padding:9px 10px;border-radius:9px;background:var(--gp-bg2);border:1px dashed var(--gp-line2);font-family:var(--gp-mono);font-size:.84rem;text-align:center;color:#fff}
.acct-sec{display:flex;flex-direction:column;gap:10px}
.acct-secrow{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;background:var(--gp-bg2);border:1px solid var(--gp-line);font-size:.88rem;flex-wrap:wrap}
.acct-secrow b{display:block}
.acct-secrow small{color:var(--gp-mute);font-size:.78rem}
.acct-dev{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-top:1px solid var(--gp-line);font-size:.86rem;align-items:center}
.acct-dev:first-child{border-top:0}
.acct-dev small{color:var(--gp-mute);display:block;font-size:.76rem}
.acct-dev .cur{font-size:.68rem;font-weight:700;color:#7BE39B;background:rgba(34,197,94,.12);padding:3px 8px;border-radius:99px}
.acct-score{display:flex;flex-direction:column;gap:6px;margin-top:6px}
.acct-score div{display:flex;justify-content:space-between;font-size:.84rem;color:var(--gp-ink2)}
.acct-score div i{font-style:normal;font-size:.72rem;font-weight:700;padding:2px 8px;border-radius:99px;background:var(--gp-surface2);color:var(--gp-mute)}
.acct-score div i.ok{background:rgba(34,197,94,.14);color:#7BE39B}
@media(max-width:1024px){.acct-statgrid{grid-template-columns:1fr 1fr}.acct-cols{grid-template-columns:1fr}}
@media(max-width:600px){.acct-row2,.acct-kyc-steps{grid-template-columns:1fr}.acct-hero{padding:20px 18px}.acct-statgrid{grid-template-columns:1fr 1fr;gap:8px}.acct-stat{padding:12px 14px}}
/* dashboard (dashboard.php) */
.dsh-wallet,.dsh-card{background:var(--gp-surface);border:1px solid var(--gp-line);border-radius:20px}
.dsh-hello h1{font-size:clamp(1.4rem,2.4vw,1.8rem)}
.acct-dev-ic{background:var(--gp-surface2);color:var(--gp-cyan)}.acct-dev-ic .gp-ico{width:18px;height:18px}
.acct-stat .ic .gp-ico{width:18px;height:18px}
.acct-upload{display:flex;align-items:center;gap:12px;padding:16px;border:1px dashed var(--gp-line2);border-radius:14px;background:var(--gp-bg2);cursor:pointer;color:var(--gp-ink2);font-size:.9rem}
.acct-upload:hover{border-color:var(--gp-cyan)}
.acct-upload-ic{width:38px;height:38px;border-radius:11px;background:var(--gp-surface2);display:grid;place-items:center;color:var(--gp-cyan);flex:0 0 38px}
.acct-upload-ic .gp-ico{width:18px;height:18px;transform:rotate(180deg)}
.acct-upload em{font-style:normal;color:var(--gp-mute);display:block;font-size:.78rem}
.acct-btn.danger-ghost{background:transparent;border-color:rgba(240,97,109,.4);color:#FF8F98}
.gp-stat b.tickr{display:inline-flex;align-items:baseline;gap:1px}
.gp-stat .tk-d{width:.6em;height:1.05em}

/* ============================================================
   V7.1 — round logo, day/night theme, app shell + sidebar
   ============================================================ */
.gp-logo .mk,.gp-mark.mk{width:40px;height:40px;border-radius:50%;background:none;box-shadow:0 4px 14px rgba(0,0,0,.35);display:block;object-fit:cover}
.gp-drawer .gp-logo .mk{width:36px;height:36px}
.gp-themebtn{display:flex;align-items:center;gap:10px;width:100%;padding:11px 14px;border-radius:12px;border:1px solid var(--gp-line);background:var(--gp-surface);color:var(--gp-ink2);font:600 .88rem var(--gp-body);cursor:pointer;margin-top:10px}
.gp-themebtn:hover{color:#fff;border-color:var(--gp-line2)}
.gp-themebtn .gp-ico{width:18px;height:18px;color:var(--gp-gold)}
/* ---- Day theme tokens ---- */
html[data-theme=light]{
  --gp-bg:#F3F5FA; --gp-bg2:#FFFFFF; --gp-surface:#FFFFFF; --gp-surface2:#F1F4FA; --gp-surface3:#E6EBF5;
  --gp-line:#DDE3EE; --gp-line2:#C7D0E0;
  --gp-ink:#0F172A; --gp-ink2:#334155; --gp-mute:#64748B; --gp-mute2:#94A3B8;
  --gp-shadow:0 10px 30px rgba(15,23,42,.08);
  --ink:var(--gp-ink);--ink-soft:var(--gp-ink2);--muted:var(--gp-mute);--bg:var(--gp-bg);--surface:var(--gp-surface);--surface2:var(--gp-surface2);--border:var(--gp-line);
}
html[data-theme=light] .gp-header{background:rgba(255,255,255,.86)}
html[data-theme=light] .gp-nav a:hover,html[data-theme=light] .gp-nav a[aria-current=page]{color:var(--gp-ink)}
html[data-theme=light] .gp-logo{color:var(--gp-ink)} html[data-theme=light] .gp-logo em{color:var(--gp-violet)}
html[data-theme=light] .gp-logo:hover,html[data-theme=light] .gp-btn.ghost:hover,html[data-theme=light] .gp-more:hover,html[data-theme=light] .gp-themebtn:hover,html[data-theme=light] .gp-side a:hover,html[data-theme=light] .gp-sr a:hover,html[data-theme=light] .gp-filters a:hover,html[data-theme=light] .gp-side-box .lst a:hover,html[data-theme=light] .gp-mag-mini:hover,html[data-theme=light] .gp-intent:hover,html[data-theme=light] .gp-crypto-chip:hover,html[data-theme=light] .gp-icobtn:hover,html[data-theme=light] .gp-wallet:hover,html[data-theme=light] .dn-links a:hover,html[data-theme=light] .gp-toc a:hover{color:var(--gp-ink)}
html[data-theme=light] .gp-announce{background:#0E1526;color:#C7D0E0}
html[data-theme=light] .gp-hero{background:radial-gradient(900px 420px at 78% 10%,rgba(124,92,255,.14),transparent 60%),var(--gp-bg)}
html[data-theme=light] .gp-hero::before{background-image:linear-gradient(rgba(15,23,42,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.05) 1px,transparent 1px)}
html[data-theme=light] h1,html[data-theme=light] h2,html[data-theme=light] h3,html[data-theme=light] .gp-stat b,html[data-theme=light] .gp-perk b,html[data-theme=light] .gp-step b,html[data-theme=light] .gp-fb-score .big,html[data-theme=light] .gp-art-body h2,html[data-theme=light] .gp-art-body h3,html[data-theme=light] .gp-tierbox .hd b,html[data-theme=light] .gp-side .grp b,html[data-theme=light] .gp-rate-panel h3,html[data-theme=light] .gp-metric b,html[data-theme=light] .gp-live .who b{color:var(--gp-ink)}
html[data-theme=light] .gp-hero h1 .ln.alt{background:linear-gradient(92deg,var(--gp-violet),#0EA5E9);-webkit-background-clip:text;background-clip:text}
html[data-theme=light] .gp-tierbox{background:linear-gradient(180deg,#FFF8E6,#FFFFFF)} html[data-theme=light] .gp-tier{background:#fff}
html[data-theme=light] .gp-wallet-card,html[data-theme=light] .gp-cta,html[data-theme=light] .acct-hero{color:#fff} html[data-theme=light] .gp-cta h2,html[data-theme=light] .gp-cta p{color:#fff}
html[data-theme=light] .gp-wallet-card .top b,html[data-theme=light] .gp-wallet-card .amt{color:#fff}
html[data-theme=light] .gp-pulse{background:linear-gradient(180deg,#FFFFFF,#F3F5FA)} html[data-theme=light] .gp-pulse .title{fill:var(--gp-ink)} html[data-theme=light] .gp-pulse .card{fill:#F1F4FA} html[data-theme=light] .gp-pulse .card-t{fill:var(--gp-ink)}
html[data-theme=light] .gp-sr,html[data-theme=light] .gp-drawer{background:#fff}
html[data-theme=light] footer.gp-footer{background:#EAEEF6} html[data-theme=light] .gp-footer h4{color:var(--gp-ink)} html[data-theme=light] .gp-footer .cols a:hover{color:var(--gp-ink)}
html[data-theme=light] .gp-mnav{background:rgba(255,255,255,.94)}
html[data-theme=light] .gp-rating{background:#fff}
html[data-theme=light] .gp-hero-scene{background:radial-gradient(60% 60% at 50% 45%,#0F1A33 0%,#0B1224 60%,transparent 100%)}
/* ---- App shell ---- */
.gp-app{display:grid;grid-template-columns:236px minmax(0,1fr);gap:0;align-items:start}
.gp-side{position:sticky;top:68px;height:calc(100vh - 68px);overflow-y:auto;scrollbar-width:thin;padding:16px 12px 24px;border-right:1px solid var(--gp-line);background:var(--gp-bg2);display:flex;flex-direction:column}
.gp-side .grp{display:flex;flex-direction:column;gap:2px;margin-bottom:14px}
.gp-side .grp b{font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gp-mute);padding:6px 12px 6px}
.gp-side a{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:11px;color:var(--gp-ink2);font-weight:600;font-size:.88rem;text-decoration:none;position:relative}
.gp-side a:hover{background:var(--gp-surface);color:#fff}
.gp-side a.on{background:linear-gradient(90deg,var(--gp-violet),#3B82F6);color:#fff;box-shadow:0 6px 18px rgba(124,92,255,.3)}
.gp-side a .gp-ico{width:19px;height:19px;color:var(--gp-cyan);flex:0 0 19px} .gp-side a.on .gp-ico{color:#fff}
.gp-side a .chev{margin-left:auto;width:14px;height:14px;color:var(--gp-mute2)}
.gp-side a small{color:var(--gp-mute);font-weight:500;font-size:.78rem}
.gp-side a .cn{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;flex:0 0 22px;box-shadow:inset 0 -2px 3px rgba(0,0,0,.25),0 1px 2px rgba(0,0,0,.3)} .gp-side a .cn svg{width:13px;height:13px;fill:#fff}
.gp-side a .new{margin-left:auto;font-size:.64rem;font-weight:800;padding:2px 7px;border-radius:99px;background:var(--gp-gold);color:#1A1405}
.gp-side .promo{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;margin:6px 0 0;padding:18px 14px;border-radius:18px;background:linear-gradient(160deg,#241C52,#131A33);border:1px solid rgba(124,92,255,.45);color:#fff;text-decoration:none;box-shadow:var(--gp-glow)}
.gp-side .promo .crown{width:40px;height:40px;border-radius:12px;background:rgba(245,196,81,.16);color:var(--gp-gold);display:grid;place-items:center;margin-bottom:6px}
.gp-side .promo b{font-family:var(--gp-display);font-size:1.15rem;font-weight:800;color:var(--gp-gold);letter-spacing:-.02em}
.gp-side .promo span{font-size:.8rem;color:var(--gp-ink2)} .gp-side .promo em{font-style:normal;margin-top:8px;font-size:.78rem;font-weight:700;color:#fff;border:1px solid rgba(255,255,255,.2);padding:6px 12px;border-radius:99px;display:inline-flex;align-items:center;gap:6px}
.gp-side .gp-themebtn{margin-top:auto}
.gp-main{min-width:0}
@media(max-width:1080px){.gp-app{grid-template-columns:1fr}.gp-side{display:none}}
/* ============================================================
   V7.1 — Hero (reference layout: copy | 3D unboxing | rating panel)
   ============================================================ */
.gp-hero2{position:relative;overflow:hidden;padding:26px 0 14px;background:radial-gradient(900px 480px at 50% 30%,rgba(59,130,246,.16),transparent 60%),radial-gradient(500px 300px at 90% 90%,rgba(124,92,255,.14),transparent 60%),var(--gp-bg)}
.gp-hero2::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(70% 80% at 50% 40%,#000 10%,transparent 100%);-webkit-mask-image:radial-gradient(70% 80% at 50% 40%,#000 10%,transparent 100%);pointer-events:none}
.gp-hero2 .gp-wrap{position:relative;display:grid;grid-template-columns:minmax(300px,.9fr) minmax(0,1.25fr) 300px;gap:22px;align-items:center;max-width:none;padding:0 24px}
.gp-hero2 .copy .gp-kicker{margin-bottom:14px}
.gp-hero2 h1{font-size:clamp(2.2rem,3.6vw,3.4rem);line-height:1;margin:0 0 14px;letter-spacing:-.035em}
.gp-hero2 h1 .grad{color:transparent;background:linear-gradient(92deg,#5B8DEF 0%,#7C5CFF 55%,#B36BFF 100%);-webkit-background-clip:text;background-clip:text}
.gp-hero2 .lede{font-size:1.02rem;line-height:1.55;color:var(--gp-ink2);max-width:40ch;margin:0 0 18px}
.gp-feats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:0 0 20px;max-width:420px}
.gp-feats div{display:flex;flex-direction:column;align-items:center;text-align:center;gap:7px;font-size:.74rem;font-weight:600;color:var(--gp-ink2);line-height:1.2;padding:0 4px;border-right:1px solid var(--gp-line)}
.gp-feats div:last-child{border-right:0}
.gp-feats .ic{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#3B82F6,#1E3A8A);color:#fff;box-shadow:0 6px 16px rgba(59,130,246,.35),inset 0 1px 0 rgba(255,255,255,.35)}
.gp-feats .ic .gp-ico{width:20px;height:20px}
.gp-hero2 .ctas{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.gp-hero2 .ctas .gp-btn.lg{background:linear-gradient(92deg,#3B82F6,#7C5CFF);box-shadow:0 10px 30px rgba(124,92,255,.45)}
.gp-hero-scene{position:relative;min-height:520px}
.gp-hero-scene .unbox{min-height:520px}
.gp-hero-scene .ub-chip{display:none}
/* rating panel */
.gp-rate-panel{border:1px solid rgba(124,92,255,.45);border-radius:22px;padding:20px;background:linear-gradient(180deg,rgba(24,34,56,.92),rgba(14,21,38,.92));box-shadow:var(--gp-glow);display:flex;flex-direction:column;gap:14px;text-decoration:none;color:var(--gp-ink)}
.gp-rate-panel h3{margin:0;font-size:1.05rem;display:flex;align-items:center;gap:8px}
.gp-rate-panel h3 .gp-ico{width:20px;height:20px;color:var(--gp-gold)}
.gp-rate-panel .boxes{display:flex;align-items:center;gap:10px}
.gp-rate-panel .boxes span{display:inline-flex;gap:3px}
.gp-rate-panel .boxes i{width:26px;height:26px;border-radius:5px;background:#00B67A;display:grid;place-items:center;position:relative;overflow:hidden}
.gp-rate-panel .boxes i::before{content:'';position:absolute;inset:0;width:var(--f,100%);background:#00B67A}
.gp-rate-panel .boxes i.off{background:var(--gp-line2)}
.gp-rate-panel .boxes i svg{position:relative;width:16px;height:16px;fill:#fff}
.gp-rate-panel .boxes b{font-family:var(--gp-display);font-size:1.3rem;font-weight:800}
.gp-rate-panel .sub{font-size:.8rem;color:var(--gp-mute);margin:-6px 0 0}
.gp-rate-panel hr{border:0;border-top:1px solid var(--gp-line);margin:0}
.gp-rate-panel .why{font-size:.92rem;font-weight:700}
.gp-rate-panel .row{display:flex;align-items:center;gap:11px;font-size:.84rem;color:var(--gp-mute)}
.gp-rate-panel .row b{display:block;color:var(--gp-ink);font-size:.86rem}
.gp-rate-panel .row .ic{width:36px;height:36px;border-radius:50%;flex:0 0 36px;display:grid;place-items:center;color:#fff;background:radial-gradient(circle at 35% 30%,#3B82F6,#1E3A8A);box-shadow:0 4px 12px rgba(59,130,246,.35)}
.gp-rate-panel .row .ic .gp-ico{width:17px;height:17px}
.gp-rate-panel .trusted{display:flex;align-items:center;gap:9px;padding:11px 12px;border-radius:12px;background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.35);color:#7BE39B;font-size:.84rem;font-weight:600}
.gp-rate-panel .trusted .gp-ico{width:18px;height:18px} .gp-rate-panel .trusted b{color:#fff;font-variant-numeric:tabular-nums}
@media(max-width:1280px){.gp-hero2 .gp-wrap{grid-template-columns:minmax(280px,.9fr) minmax(0,1.2fr);}.gp-rate-panel{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;align-items:center}.gp-rate-panel hr{display:none}.gp-rate-panel>*{flex:1 1 220px}}
@media(max-width:900px){.gp-hero2 .gp-wrap{grid-template-columns:1fr;padding:0 20px}.gp-hero-scene{min-height:420px}.gp-hero-scene .unbox{min-height:420px}.gp-feats{max-width:none}}
/* ---- Brand row ("Popular categories") ---- */
.gp-panel{border:1px solid var(--gp-line);border-radius:22px;background:linear-gradient(180deg,var(--gp-surface),var(--gp-bg2));padding:18px 20px 20px;position:relative}
.gp-panel .gp-section-head{margin-bottom:14px}
.gp-panel .gp-section-head h2{font-size:1.2rem}
.gp-panel .gp-section-head h2 .gp-ico{width:22px;height:22px;color:var(--gp-gold);vertical-align:-4px;margin-right:6px}
.gp-brandrow{display:grid;grid-template-columns:repeat(11,1fr);gap:10px}
.gp-brandtile{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 8px 10px;border-radius:14px;background:var(--gp-surface2);border:1px solid var(--gp-line);color:var(--gp-ink2);font-size:.76rem;font-weight:600;text-decoration:none;text-align:center;transition:transform .2s var(--gp-ease),border-color .2s,box-shadow .2s}
.gp-brandtile:hover{transform:translateY(-3px);border-color:var(--gp-violet);box-shadow:0 10px 24px rgba(124,92,255,.25);color:#fff}
.gp-brandtile .lg{width:100%;aspect-ratio:1;max-width:64px;border-radius:12px;background:#fff;display:grid;place-items:center;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}
.gp-brandtile .lg img{width:80%;height:80%;object-fit:contain}
.gp-brandtile .lg.more{background:var(--gp-surface3);color:var(--gp-ink2)}
.gp-brandtile span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
@media(max-width:1280px){.gp-brandrow{grid-template-columns:repeat(6,1fr)}}
@media(max-width:600px){.gp-brandrow{display:flex;overflow-x:auto;scrollbar-width:none;padding-bottom:6px}.gp-brandrow::-webkit-scrollbar{display:none}.gp-brandtile{flex:0 0 96px}}
/* ---- Popular carousel: 3D-looking gift cards ---- */
.gp-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:14px 4px 18px;scrollbar-width:none}
.gp-track::-webkit-scrollbar{display:none}
.gp-track>*{scroll-snap-align:start;flex:0 0 auto}
.gp-gc{position:relative;width:236px;text-decoration:none;color:var(--gp-ink);perspective:900px;display:block}
.gp-gc .face{position:relative;aspect-ratio:8/5;border-radius:16px;overflow:hidden;background:var(--bc,#1B2740);box-shadow:0 18px 30px -12px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.08) inset,0 1px 0 rgba(255,255,255,.25) inset;transform:rotateX(6deg) rotateY(-8deg);transition:transform .3s var(--gp-ease),box-shadow .3s}
.gp-gc:hover .face{transform:rotateX(0) rotateY(0) translateY(-6px);box-shadow:0 26px 40px -14px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.14) inset,0 0 30px rgba(124,92,255,.25)}
.gp-gc .face img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.gp-gc .face .mark{position:absolute;inset:0;display:grid;place-items:center}
.gp-gc .face .mark img{position:static;width:58%;height:auto;max-height:52%;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(0,0,0,.4))}
.gp-gc .face::after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.28) 0%,rgba(255,255,255,0) 40%,rgba(255,255,255,0) 60%,rgba(255,255,255,.12) 100%);pointer-events:none}
.gp-gc .face .badge{position:absolute;top:10px;left:10px;font-size:.66rem;font-weight:800;padding:4px 9px;border-radius:99px;background:linear-gradient(90deg,#F97316,#EF4444);color:#fff;letter-spacing:.02em;box-shadow:0 4px 10px rgba(0,0,0,.35)}
.gp-gc .face .badge.pop{background:linear-gradient(90deg,#7C5CFF,#EC4899)}
.gp-gc .face .off{position:absolute;right:10px;bottom:10px;font-size:.7rem;font-weight:800;padding:4px 9px;border-radius:8px;background:rgba(10,15,28,.75);color:var(--gp-gold);backdrop-filter:blur(4px)}
.gp-gc .nm{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:12px 4px 0;font-weight:700;font-size:.92rem}
.gp-gc .nm small{font-weight:600;color:var(--gp-mute);font-size:.76rem}
.gp-track-wrap{position:relative}
.gp-track-wrap .arr{position:absolute;top:50%;transform:translateY(-60%);width:40px;height:40px;border-radius:50%;border:1px solid var(--gp-line2);background:var(--gp-surface2);color:#fff;display:grid;place-items:center;cursor:pointer;z-index:2;box-shadow:var(--gp-shadow)}
.gp-track-wrap .arr.l{left:-14px}.gp-track-wrap .arr.r{right:-14px}
.gp-track-wrap .arr .gp-ico{width:18px;height:18px}
@media(max-width:720px){.gp-gc{width:200px}.gp-track-wrap .arr{display:none}}
/* ---- Live activity + metrics ---- */
.gp-liverow{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:16px;margin-top:16px}
.gp-live{display:flex;align-items:stretch;gap:10px;padding:14px;overflow:hidden}
.gp-live .hd{flex:0 0 170px;display:flex;flex-direction:column;justify-content:center;gap:4px;padding-right:12px;border-right:1px solid var(--gp-line)}
.gp-live .hd b{display:flex;align-items:center;gap:8px;font-size:.95rem;color:#7BE39B}
.gp-live .hd b i{width:9px;height:9px;border-radius:50%;background:var(--gp-green);box-shadow:0 0 0 4px rgba(34,197,94,.2);animation:gpBlink 2s infinite}
@keyframes gpBlink{50%{opacity:.4}}
.gp-live .hd small{font-size:.76rem;color:var(--gp-mute)}
.gp-live .items{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;flex:1}
.gp-live .items::-webkit-scrollbar{display:none}
.gp-live .it{flex:0 0 auto;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:var(--gp-surface2);border:1px solid var(--gp-line);min-width:200px}
.gp-live .it .av{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--gp-violet),var(--gp-cyan));color:#fff;display:grid;place-items:center;font-weight:800;font-size:.85rem;flex:0 0 34px}
.gp-live .it .who{font-size:.76rem;color:var(--gp-mute);line-height:1.3}
.gp-live .it .who b{display:block;color:var(--gp-ink);font-size:.82rem}
.gp-live .it .who i{font-style:normal;display:block;font-size:.7rem;color:var(--gp-mute2)}
.gp-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px}
.gp-metric{display:flex;align-items:center;gap:12px}
.gp-metric .ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;color:#fff;flex:0 0 44px;background:radial-gradient(circle at 35% 30%,#3B82F6,#1E3A8A);box-shadow:0 6px 14px rgba(59,130,246,.35)}
.gp-metric .ic.g{background:radial-gradient(circle at 35% 30%,#F5C451,#B7791F);box-shadow:0 6px 14px rgba(245,196,81,.3)}
.gp-metric .ic.v{background:radial-gradient(circle at 35% 30%,#A78BFA,#5B21B6)}
.gp-metric .ic.c{background:radial-gradient(circle at 35% 30%,#22D3EE,#0E7490)}
.gp-metric .ic .gp-ico{width:21px;height:21px}
.gp-metric b{display:block;font-family:var(--gp-display);font-size:1.35rem;font-weight:800;letter-spacing:-.03em;color:#fff;line-height:1.05;font-variant-numeric:tabular-nums;white-space:nowrap}
.gp-metric b.tickr{display:inline-flex;align-items:baseline;gap:1px}.gp-metric .tk-d{width:.6em;height:1.05em}
.gp-metric span{font-size:.76rem;color:var(--gp-mute)}
.gp-metric b.live{color:var(--gp-gold)}
@media(max-width:1024px){.gp-liverow{grid-template-columns:1fr}}
@media(max-width:600px){.gp-live{flex-direction:column}.gp-live .hd{border-right:0;border-bottom:1px solid var(--gp-line);padding:0 0 10px;flex-basis:auto}.gp-metrics{grid-template-columns:1fr 1fr;gap:8px}.gp-metric b{font-size:1.15rem}}
/* brand-coloured metallic coins for the unboxing scene (marks stay white, edges keep the metal sheen) */
.ub-coin.mt-btc b{background:conic-gradient(from 210deg,#FFD9A6,#F7931A,#B25E00,#F7931A,#FFD9A6);color:#fff}
.ub-coin.mt-eth b{background:conic-gradient(from 200deg,#E4E9FF,#627EEA,#2C3E9E,#627EEA,#E4E9FF);color:#fff}
.ub-coin.mt-sol b{background:conic-gradient(from 160deg,#B8FFE3,#14F195,#7B3FE4,#9945FF,#B8FFE3);color:#fff}
.ub-coin.mt-trx b{background:conic-gradient(from 210deg,#FFC5CC,#EB0029,#8E001A,#EB0029,#FFC5CC);color:#fff}
.ub-coin.mt-usdt b{background:conic-gradient(from 210deg,#C9F5E6,#26A17B,#0E6B50,#26A17B,#C9F5E6);color:#fff}
.ub-coin.mt-usdc b{background:conic-gradient(from 200deg,#CFE3FF,#2775CA,#123E7A,#2775CA,#CFE3FF);color:#fff}
.ub-coin.mt-btc svg,.ub-coin.mt-eth svg,.ub-coin.mt-sol svg,.ub-coin.mt-trx svg,.ub-coin.mt-usdt svg,.ub-coin.mt-usdc svg{fill:#fff;filter:drop-shadow(0 1px 1px rgba(0,0,0,.35))}
.gp-header .gp-wrap,.gp-announce .gp-wrap{max-width:none;padding:0 24px}
.gp-main .gp-wrap{max-width:1320px}
.gp-main .gp-section-head p{max-width:70ch}

/* ============================================================
   V7.2 — fixes from live review
   ============================================================ */
/* wordmark: no gap between Gift and Payr */
.gp-logo>span{display:inline-block;letter-spacing:-.03em}
/* hero: 3-column again, no sidebar; band stays dark in both themes so the 3D scene always sits on navy */
.gp-hero2 .gp-wrap{grid-template-columns:minmax(300px,.9fr) minmax(0,1.3fr) 300px;max-width:1400px;margin:0 auto}
.gp-hero2,html[data-theme=light] .gp-hero2{background:radial-gradient(900px 480px at 50% 30%,rgba(59,130,246,.16),transparent 60%),radial-gradient(500px 300px at 90% 90%,rgba(124,92,255,.14),transparent 60%),#0A0F1C;color:#F2F5FA}
html[data-theme=light] .gp-hero2::before{background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px)}
.gp-hero2 h1,html[data-theme=light] .gp-hero2 h1{color:#fff}
html[data-theme=light] .gp-hero2 h1 .grad{background:linear-gradient(92deg,#5B8DEF 0%,#7C5CFF 55%,#B36BFF 100%);-webkit-background-clip:text;background-clip:text}
.gp-hero2 .lede,html[data-theme=light] .gp-hero2 .lede{color:#C7D0E0}
.gp-hero2 .gp-kicker,html[data-theme=light] .gp-hero2 .gp-kicker{background:#121A2D;border-color:#24304A;color:#C7D0E0}
.gp-hero2 .gp-feats div,html[data-theme=light] .gp-hero2 .gp-feats div{color:#C7D0E0;border-color:#24304A}
.gp-hero2 .gp-btn.ghost,html[data-theme=light] .gp-hero2 .gp-btn.ghost{color:#fff;border-color:#2F3D5C}
html[data-theme=light] .gp-hero-scene{background:none}
/* rating panel v2 */
.gp-rate-panel,html[data-theme=light] .gp-rate-panel{color:#F2F5FA;gap:12px;padding:18px}
.gp-rate-panel .rating{display:flex;flex-direction:column;gap:12px;text-decoration:none;color:inherit}
.gp-rate-panel h3,html[data-theme=light] .gp-rate-panel h3{color:#fff}
.gp-rate-panel .sub,html[data-theme=light] .gp-rate-panel .sub{color:#8A97B2}
.gp-rate-panel hr,html[data-theme=light] .gp-rate-panel hr{border-top-color:#24304A}
.gp-rate-panel .stat{display:flex;align-items:center;gap:12px}
.gp-rate-panel .stat .ic{width:42px;height:42px;border-radius:12px;flex:0 0 42px;display:grid;place-items:center;color:#fff;background:radial-gradient(circle at 35% 30%,#3B82F6,#1E3A8A);box-shadow:0 6px 14px rgba(59,130,246,.35)}
.gp-rate-panel .stat .ic.v{background:radial-gradient(circle at 35% 30%,#A78BFA,#5B21B6);box-shadow:0 6px 14px rgba(124,92,255,.35)}
.gp-rate-panel .stat .ic.g{background:radial-gradient(circle at 35% 30%,#F5C451,#B7791F);box-shadow:0 6px 14px rgba(245,196,81,.3)}
.gp-rate-panel .stat .ic .gp-ico{width:20px;height:20px}
.gp-rate-panel .stat small{display:block;font-size:.74rem;color:#8A97B2;font-weight:500}
.gp-rate-panel .stat b{display:block;font-family:var(--gp-display);font-size:1.45rem;font-weight:800;letter-spacing:-.03em;color:#fff;line-height:1.05;font-variant-numeric:tabular-nums;white-space:nowrap}
.gp-rate-panel .stat b.tickr{display:inline-flex;align-items:baseline;gap:1px}.gp-rate-panel .tk-d{width:.6em;height:1.05em}.gp-rate-panel .tk-sep{padding:0}
.gp-rate-panel .stat b.live{color:#F5C451}
.gp-rate-panel .secrow{display:flex;justify-content:space-between;gap:6px}
.gp-rate-panel .secrow span{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;border-radius:10px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:#7BE39B;cursor:help}
.gp-rate-panel .secrow .gp-ico{width:20px;height:20px}
.gp-rate-panel .secrow small{font-size:.58rem;font-weight:800;letter-spacing:.04em;color:#C7D0E0}
/* full-bleed brand art on the hero cards + carousel (the catalogue logo files are card-shaped) */
.ub-card-face .hf-css{background:var(--bc,#0E1626)!important}
.ub-card-face .hf-css .hf-mark{width:100%;height:100%;object-fit:cover;filter:none;border-radius:inherit}
.gp-gc .face .mark{inset:0}
.gp-gc .face .mark img{width:100%;height:100%;max-height:none;object-fit:cover;filter:none}
/* carousel fix: inline spans can't hold an aspect ratio */
.gp-gc .face{display:block}
.gp-track{padding:14px 34px 18px}
.gp-track-wrap .arr.l{left:4px}.gp-track-wrap .arr.r{right:4px}
/* 3D category stacks */
.gp-cat3d{position:relative;display:flex;flex-direction:column;gap:8px;padding:18px 18px 18px;border-radius:20px;background:var(--gp-surface);border:1px solid var(--gp-line);color:var(--gp-ink);text-decoration:none;overflow:hidden;min-height:250px;perspective:900px;transition:border-color .25s,transform .25s var(--gp-ease),box-shadow .25s}
.gp-cat3d:hover{transform:translateY(-4px);border-color:var(--gp-violet);box-shadow:0 20px 40px rgba(3,6,14,.45),0 0 30px rgba(124,92,255,.18);color:var(--gp-ink)}
.gp-cat3d .stack{position:relative;height:118px;margin:2px 0 8px;transform-style:preserve-3d}
.gp-cat3d .stack i{position:absolute;left:50%;top:50%;width:150px;height:94px;margin:-47px 0 0 -75px;border-radius:12px;overflow:hidden;background:var(--bc,#1B2740);box-shadow:0 14px 26px -10px rgba(0,0,0,.65),inset 0 1px 0 rgba(255,255,255,.35),0 0 0 1px rgba(255,255,255,.08) inset;transition:transform .45s var(--gp-ease)}
.gp-cat3d .stack i img{width:100%;height:100%;object-fit:cover;display:block}
.gp-cat3d .stack i::after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.28),rgba(255,255,255,0) 45%,rgba(255,255,255,.1))}
.gp-cat3d .stack .s1{transform:translate(-44px,6px) rotate(-14deg) rotateY(18deg);z-index:1}
.gp-cat3d .stack .s2{transform:translate(0,-6px) rotate(0) translateZ(20px);z-index:3}
.gp-cat3d .stack .s3{transform:translate(44px,6px) rotate(14deg) rotateY(-18deg);z-index:2}
.gp-cat3d:hover .stack .s1{transform:translate(-62px,2px) rotate(-18deg) rotateY(22deg)}
.gp-cat3d:hover .stack .s2{transform:translate(0,-16px) rotate(0) translateZ(36px)}
.gp-cat3d:hover .stack .s3{transform:translate(62px,2px) rotate(18deg) rotateY(-22deg)}
.gp-cat3d .stack .ico{display:grid;place-items:center;color:var(--gp-cyan);background:var(--gp-surface2)}
.gp-cat3d .stack .ico .gp-ico{width:36px;height:36px}
.gp-cat3d b{font-family:var(--gp-display);font-size:1.1rem;font-weight:800;letter-spacing:-.01em}
.gp-cat3d p{margin:0;font-size:.84rem;color:var(--gp-mute);line-height:1.4}
.gp-cat3d small{margin-top:auto;font-size:.78rem;color:var(--gp-ink2);font-weight:600;display:inline-flex;align-items:center;gap:6px}
.gp-cat3d small .gp-ico{width:14px;height:14px}
@media(prefers-reduced-motion:reduce){.gp-cat3d .stack i,.gp-cat3d{transition:none}}
/* day theme: header pills and search readable */
html[data-theme=light] .gp-wallet,html[data-theme=light] .gp-wallet b,html[data-theme=light] .gp-icobtn,html[data-theme=light] .gp-hsearch input,html[data-theme=light] .gp-nav a,html[data-theme=light] .gp-btn.ghost{color:var(--gp-ink)}
html[data-theme=light] .gp-hsearch input{background:#F1F4FA}
html[data-theme=light] .gp-btn.soft{color:var(--gp-ink)}
html[data-theme=light] .gp-panel{background:#fff}
html[data-theme=light] .gp-brandtile{background:#F7F9FC} html[data-theme=light] .gp-brandtile:hover,html[data-theme=light] .gp-cat3d:hover{color:var(--gp-ink)}
html[data-theme=light] .gp-gc .nm{color:var(--gp-ink)}
html[data-theme=light] .gp-search{background:#fff} html[data-theme=light] .gp-search form input{background:#F1F4FA}
html[data-theme=light] .gp-track-wrap .arr{color:var(--gp-ink);background:#fff}
html[data-theme=light] .gp-step b,html[data-theme=light] .gp-trust-card b,html[data-theme=light] .gp-review-card p,html[data-theme=light] .gp-feat b,html[data-theme=light] .gp-faq summary,html[data-theme=light] .gp-mag-card h3,html[data-theme=light] .gp-feature h2,html[data-theme=light] .gp-mag-mini b,html[data-theme=light] .gp-brand-card .nm,html[data-theme=light] .gp-cat3d b,html[data-theme=light] .gp-perk b,html[data-theme=light] .gp-tier .rng{color:var(--gp-ink)}
html[data-theme=light] .gp-sell{background:linear-gradient(180deg,#F1F4FA,#fff)} html[data-theme=light] .gp-sell .promise span{color:var(--gp-ink)}
html[data-theme=light] .gp-fb-score .l b,html[data-theme=light] .gp-rating b,html[data-theme=light] .gp-rating{color:var(--gp-ink)}
html[data-theme=light] .gp-flow{background:#fff} html[data-theme=light] .gp-flow .st{background:#F1F4FA}
html[data-theme=light] .gp-drawer .grp a,html[data-theme=light] .gp-drawer .rate,html[data-theme=light] .gp-drawer .rate b,html[data-theme=light] .gp-side-box .lst a,html[data-theme=light] .gp-toc a{color:var(--gp-ink2)}
html[data-theme=light] .gp-drawer .wal{color:#fff}
html[data-theme=light] .gp-art-body{color:var(--gp-ink2)} html[data-theme=light] .gp-art-body .callout,html[data-theme=light] .gp-art-body .kt ul,html[data-theme=light] .gp-art-body th{color:var(--gp-ink)}
html[data-theme=light] .gp-art-meta .au{color:var(--gp-ink)}
html[data-theme=light] .sup-btn{background:#fff;color:var(--gp-ink)}
html[data-theme=light] .gp-empty b,html[data-theme=light] .gp-pagehead h1,html[data-theme=light] .gp-crumb [aria-current]{color:var(--gp-ink)}
html[data-theme=light] .acct-glass,html[data-theme=light] .dashnav.sidebar,html[data-theme=light] .dsh-card{background:#fff}
html[data-theme=light] .acct-stat b,html[data-theme=light] .acct-h3,html[data-theme=light] .acct-list b,html[data-theme=light] .dn-me-t b,html[data-theme=light] .dn-links a.on{color:var(--gp-ink)}
html[data-theme=light] .acct-hero .acct-name,html[data-theme=light] .acct-hero .acct-metric .v{color:#fff}
@media(max-width:1280px){.gp-hero2 .gp-wrap{grid-template-columns:minmax(280px,.9fr) minmax(0,1.2fr)}.gp-rate-panel{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;align-items:center}.gp-rate-panel .rating{grid-row:span 3}.gp-rate-panel .secrow{grid-column:2/-1}}
@media(max-width:900px){.gp-rate-panel{grid-template-columns:1fr 1fr}.gp-rate-panel .rating{grid-column:1/-1;grid-row:auto}.gp-rate-panel .secrow{grid-column:1/-1}}

/* ============================================================
   V7.3 — pro polish: badges, intent slider, tickets, perks, steps, 3D wallet, crypto→bank page
   ============================================================ */
.gp-badge{width:44px;height:44px;display:block}
.gp-rate-panel .secrow span{background:transparent;border:0;padding:2px 0;gap:2px;cursor:help}
.gp-rate-panel .secrow small{font-size:.54rem;letter-spacing:.06em;color:#8A97B2;text-align:center;line-height:1.1}
.gp-rate-panel .secrow span:hover .gp-badge{transform:translateY(-3px) scale(1.06)} .gp-badge{transition:transform .25s var(--gp-ease)}
.gp-rate-panel .partners{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;padding-top:8px;border-top:1px solid #24304A}
.gp-rate-panel .partners img{height:22px;width:auto;opacity:.85;filter:grayscale(1) brightness(1.6)}
.gp-rate-panel .partners img:hover{opacity:1;filter:none}
.gp-hero2 .ctas .gp-btn.soft{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);color:#fff}
.gp-hero2 .ctas .gp-btn.soft:hover{background:rgba(255,255,255,.12)}
/* ---- intents slider ---- */
.gp-intent-track{padding:14px 34px 18px;gap:14px}
.gp-intent2{position:relative;flex:0 0 250px;display:flex;flex-direction:column;gap:2px;padding:16px;border-radius:20px;background:var(--gp-surface);border:1px solid var(--gp-line);color:var(--gp-ink);text-decoration:none;transition:transform .25s var(--gp-ease),border-color .25s,box-shadow .25s;overflow:hidden}
.gp-intent2:hover{transform:translateY(-4px);border-color:var(--gp-violet);box-shadow:0 18px 34px rgba(3,6,14,.45),0 0 26px rgba(124,92,255,.18);color:var(--gp-ink)}
.gp-intent2 .logos{position:relative;height:78px;margin-bottom:10px;perspective:600px}
.gp-intent2 .logos img{position:absolute;top:8px;width:96px;height:60px;border-radius:10px;object-fit:cover;background:#fff;box-shadow:0 10px 20px -8px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.12) inset;transition:transform .45s var(--gp-ease)}
.gp-intent2 .logos .l1{left:0;transform:rotate(-8deg) translateY(4px);z-index:1}
.gp-intent2 .logos .l2{left:56px;transform:translateY(-4px) translateZ(20px);z-index:3}
.gp-intent2 .logos .l3{left:112px;transform:rotate(8deg) translateY(4px);z-index:2}
.gp-intent2:hover .logos .l1{transform:rotate(-14deg) translate(-8px,2px)}
.gp-intent2:hover .logos .l2{transform:translateY(-12px) translateZ(30px)}
.gp-intent2:hover .logos .l3{transform:rotate(14deg) translate(8px,2px)}
.gp-intent2 .logos .ic{position:absolute;right:0;bottom:0;width:34px;height:34px;border-radius:10px;background:var(--gp-surface2);border:1px solid var(--gp-line);display:grid;place-items:center;color:var(--gp-cyan);z-index:4}
.gp-intent2 .logos .ic .gp-ico{width:17px;height:17px}
.gp-intent2 b{font-family:var(--gp-display);font-size:1.02rem;font-weight:800}
.gp-intent2 small{font-size:.8rem;color:var(--gp-mute)}
@media(prefers-reduced-motion:no-preference){.gp-intent-track[data-gp-marquee]{scroll-behavior:smooth}}
/* ---- promo tickets ---- */
.gp-savings2{display:grid;grid-template-columns:1.25fr 1fr;gap:20px}
.gp-tierbox2{padding:24px 24px 20px}
.gp-tierbox2 .hd{margin-bottom:22px}
.gp-tierbox2 .ft{margin:18px 0 0;font-size:.84rem;color:var(--gp-ink2)}
.gp-tickets{display:grid;grid-template-columns:repeat(var(--n,3),1fr);gap:16px;perspective:1000px}
.gp-ticket{transform-style:preserve-3d;animation:gpFloat 6s ease-in-out infinite}
.gp-ticket:nth-child(2){animation-delay:-2s}.gp-ticket:nth-child(3){animation-delay:-4s}
@keyframes gpFloat{0%,100%{transform:translateY(0) rotateX(6deg) rotateY(-6deg)}50%{transform:translateY(-8px) rotateX(2deg) rotateY(4deg)}}
.gp-ticket .tk{position:relative;display:flex;border-radius:14px;overflow:hidden;background:linear-gradient(135deg,#1C2540,#121A2D);border:1px solid var(--gp-line2);box-shadow:0 22px 34px -14px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.12);transition:transform .3s var(--gp-ease),box-shadow .3s}
.gp-ticket:hover .tk{transform:scale(1.04);box-shadow:0 26px 40px -14px rgba(0,0,0,.7),0 0 30px rgba(245,196,81,.25)}
.gp-ticket .stub{flex:0 0 78px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(160deg,#FFE59A,#F5C451 55%,#D9A62F);color:#3A2600;border-right:2px dashed rgba(10,15,28,.35)}
.gp-ticket .stub i{font-style:normal;font-family:var(--gp-display);font-size:1.5rem;font-weight:800;letter-spacing:-.04em;line-height:1}
.gp-ticket .stub em{font-style:normal;font-size:.62rem;font-weight:800;letter-spacing:.14em}
.gp-ticket .body{flex:1;padding:12px 12px 12px 14px;display:flex;flex-direction:column;gap:3px;min-width:0}
.gp-ticket .body small{font-size:.72rem;color:var(--gp-mute);font-weight:600}
.gp-ticket .body b{font-family:var(--gp-mono);font-size:1.05rem;color:#fff;letter-spacing:.06em}
.gp-ticket .body .auto{font-size:.68rem;color:#7BE39B;font-weight:600}
.gp-ticket .punch{position:absolute;left:70px;width:16px;height:16px;border-radius:50%;background:var(--gp-surface);border:1px solid var(--gp-line2)}
.gp-ticket .punch.t{top:-9px}.gp-ticket .punch.b{bottom:-9px}
.gp-ticket.best .tk{border-color:rgba(245,196,81,.6)}
.gp-ticket.best::after{content:'Best value';position:absolute;top:-10px;right:10px;background:var(--gp-gold);color:#1A1405;font-size:.62rem;font-weight:800;padding:3px 8px;border-radius:99px;z-index:2}
.gp-ticket{position:relative}
.gp-tierbox2 .clock{display:inline-flex;align-items:center;gap:8px;font-family:var(--gp-mono);font-size:.84rem;color:var(--gp-gold);background:rgba(245,196,81,.1);border:1px solid rgba(245,196,81,.28);border-radius:10px;padding:8px 12px}
.gp-tierbox2 .clock .gp-ico{width:15px;height:15px}
/* ---- perk cards with art ---- */
.gp-perks2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.gp-perk2{display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:20px;background:var(--gp-surface);border:1px solid var(--gp-line);color:var(--gp-ink);text-decoration:none;position:relative;overflow:hidden;transition:transform .25s var(--gp-ease),border-color .25s}
.gp-perk2:hover{transform:translateY(-4px);border-color:var(--gp-line2);color:var(--gp-ink)}
.gp-perk2 .gp-art{width:100%;height:auto;aspect-ratio:240/150;border-radius:14px;background:radial-gradient(80% 80% at 50% 30%,#182238,#0E1526);margin-bottom:6px}
.gp-perk2 b{font-family:var(--gp-display);font-size:1.05rem;font-weight:800;line-height:1.2}
.gp-perk2 b em{font-style:normal;color:var(--gp-gold)}
.gp-perk2 p{margin:0;font-size:.82rem;color:var(--gp-mute);line-height:1.45}
.gp-perk2 .go{margin-top:auto;font-size:.8rem;font-weight:700;color:var(--gp-cyan);display:inline-flex;align-items:center;gap:5px;padding-top:6px}
.gp-perk2 .go .gp-ico{width:13px;height:13px}
.gp-perk2.sm{flex-direction:row;align-items:flex-start;gap:12px;padding:14px}
.gp-perk2.sm .ic{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;flex:0 0 38px}
.gp-perk2.sm .ic.v{background:rgba(124,92,255,.14);color:#B9A7FF}.gp-perk2.sm .ic.g{background:rgba(34,197,94,.14);color:#7BE39B}
.gp-perk2.sm .ic .gp-ico{width:19px;height:19px}
.gp-perk2.sm b{font-size:.95rem}.gp-perk2.sm p{font-size:.78rem}
.gp-perk2.sm>span:last-child{display:flex;flex-direction:column;gap:3px}
.gp-perk2.sm{display:grid;grid-template-columns:38px 1fr}
.gp-perk2.sm b,.gp-perk2.sm p{grid-column:2}
/* art motion */
.gp-art-ref .coin{animation:gpRefCoin 3.2s var(--gp-ease) infinite}
.gp-art-ref .coin.c2{animation-name:gpRefCoin2}
@keyframes gpRefCoin{0%{transform:translate(62px,92px) scale(.4);opacity:0}15%{opacity:1}50%{transform:translate(120px,40px) scale(1)}85%{opacity:1}100%{transform:translate(178px,92px) scale(.4);opacity:0}}
@keyframes gpRefCoin2{0%{transform:translate(178px,92px) scale(.4);opacity:0}15%{opacity:1}50%{transform:translate(120px,52px) scale(.85)}85%{opacity:1}100%{transform:translate(62px,92px) scale(.4);opacity:0}}
.gp-art-ref .person{animation:gpBob 3s ease-in-out infinite;transform-origin:center bottom}
.gp-art-ref .p2{animation-delay:-1.5s}
@keyframes gpBob{0%,100%{transform:translate(var(--tx,40px),68px)}50%{transform:translate(var(--tx,40px),64px)}}
.gp-art-ref .p1{--tx:40px}.gp-art-ref .p2{--tx:156px}
.gp-art-bank .coin{animation:gpBankCoin 4s var(--gp-ease) infinite}
@keyframes gpBankCoin{0%{transform:translate(44px,96px) scale(1);opacity:1}35%{transform:translate(120px,84px) scale(.55);opacity:1}45%{opacity:0}100%{opacity:0}}
.gp-art-bank .rail-lit{animation:gpBankRail 4s var(--gp-ease) infinite}
@keyframes gpBankRail{0%{stroke-dashoffset:160}55%{stroke-dashoffset:0}100%{stroke-dashoffset:0}}
.gp-art-bank .done{opacity:0;animation:gpBankDone 4s ease infinite}
@keyframes gpBankDone{0%,55%{opacity:0;transform:translateY(6px)}70%,95%{opacity:1;transform:translateY(0)}100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.gp-art-ref .coin,.gp-art-ref .person,.gp-art-bank .coin,.gp-art-bank .rail-lit,.gp-art-bank .done,.gp-ticket{animation:none!important;opacity:1}.gp-art-bank .rail-lit{stroke-dashoffset:0}.gp-art-ref .coin.c1{transform:translate(120px,40px)}.gp-art-ref .coin.c2{display:none}}
@media(max-width:1024px){.gp-savings2{grid-template-columns:1fr}}
@media(max-width:600px){.gp-perks2{grid-template-columns:1fr}.gp-tickets{grid-template-columns:1fr}.gp-ticket{animation:none}}
/* ---- how it works: orbs ---- */
.gp-steps2{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.gp-step2{position:relative;padding:22px 20px 22px;border-radius:20px;background:var(--gp-surface);border:1px solid var(--gp-line);display:flex;flex-direction:column;align-items:flex-start;gap:6px;transition:transform .25s var(--gp-ease),border-color .25s}
.gp-step2:hover{transform:translateY(-4px);border-color:var(--gp-line2)}
.gp-step2 .gp-orb{width:76px;height:76px;margin-bottom:6px;animation:gpOrb 5s ease-in-out infinite;animation-delay:calc(var(--i,1) * -1.1s)}
@keyframes gpOrb{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.gp-step2 .n{font:700 .72rem var(--gp-mono);color:var(--gp-cyan);letter-spacing:.1em}
.gp-step2 b{font-family:var(--gp-display);font-size:1.15rem;font-weight:800}
.gp-step2 p{margin:0;font-size:.88rem;color:var(--gp-mute);line-height:1.5}
.gp-steps2 .line{position:absolute;left:12%;right:12%;top:60px;height:2px;background:var(--gp-line2);z-index:0;pointer-events:none;overflow:hidden;border-radius:2px}
.gp-steps2 .line i{position:absolute;inset:0;width:30%;background:linear-gradient(90deg,transparent,var(--gp-cyan),transparent);animation:gpFlow 3s linear infinite}
.gp-step2{z-index:1}
@media(max-width:1024px){.gp-steps2{grid-template-columns:1fr 1fr}.gp-steps2 .line{display:none}}
@media(max-width:600px){.gp-steps2{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.gp-step2 .gp-orb,.gp-steps2 .line i{animation:none}}
/* ---- 3D wallet ---- */
.gp-wallet-stage{position:relative;perspective:1200px;padding:10px 0 20px}
.gp-wallet-card3d{position:relative;width:min(100%,420px);aspect-ratio:1.62;margin:0 auto;border-radius:22px;padding:22px;background:linear-gradient(135deg,#2A2260 0%,#1A2447 45%,#0F1A33 100%);border:1px solid rgba(124,92,255,.5);box-shadow:0 30px 60px -20px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.08) inset,0 0 40px rgba(124,92,255,.25);transform:rotateX(10deg) rotateY(-14deg);transform-style:preserve-3d;animation:gpCardFloat 7s ease-in-out infinite;display:flex;flex-direction:column;color:#fff;overflow:hidden}
@keyframes gpCardFloat{0%,100%{transform:rotateX(10deg) rotateY(-14deg) translateY(0)}50%{transform:rotateX(6deg) rotateY(-8deg) translateY(-8px)}}
.gp-wallet-card3d .top{display:flex;align-items:center;gap:12px;font-family:var(--gp-display);font-weight:800;letter-spacing:-.01em}
.gp-wallet-card3d .top i{margin-left:auto;display:block}
.gp-wallet-card3d .chip{width:38px;height:28px;border-radius:6px;background:linear-gradient(135deg,#FFE59A,#D9A62F);box-shadow:inset 0 0 0 1px rgba(0,0,0,.25);position:relative}
.gp-wallet-card3d .chip::after{content:'';position:absolute;inset:6px 8px;border:1px solid rgba(0,0,0,.3);border-radius:3px}
.gp-wallet-card3d .bal{margin-top:auto;font-size:.74rem;color:#B6C0D6}
.gp-wallet-card3d .amt{font-family:var(--gp-mono);font-size:1.9rem;font-weight:600;letter-spacing:-.02em;line-height:1.1}
.gp-wallet-card3d .amt small{font-size:.8rem;color:#B6C0D6;margin-left:6px}
.gp-wallet-card3d .rows{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.gp-wallet-card3d .rows div{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:8px 10px;font-size:.72rem;color:#B6C0D6}
.gp-wallet-card3d .rows b{display:block;font-family:var(--gp-mono);font-size:.9rem;color:#fff}
.gp-wallet-card3d .rows b.g{color:#7BE39B}.gp-wallet-card3d .rows b.y{color:var(--gp-gold)}
.gp-wallet-card3d .sheen{position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.22) 0%,rgba(255,255,255,0) 35%,rgba(255,255,255,0) 65%,rgba(255,255,255,.1) 100%);pointer-events:none}
.gp-wallet-ledger{position:relative;margin:-26px auto 0;width:min(100%,380px);display:flex;flex-direction:column;gap:8px;transform:translateZ(0)}
.gp-wallet-ledger .r{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:var(--gp-surface);border:1px solid var(--gp-line);font-size:.82rem;color:var(--gp-ink2);box-shadow:var(--gp-shadow);opacity:0;animation:gpLedger 9s ease infinite}
.gp-wallet-ledger .r2{animation-delay:1s}.gp-wallet-ledger .r3{animation-delay:2s}
@keyframes gpLedger{0%{opacity:0;transform:translateY(10px)}10%,85%{opacity:1;transform:translateY(0)}95%,100%{opacity:0;transform:translateY(-6px)}}
.gp-wallet-ledger .r b{margin-left:auto;font-family:var(--gp-mono);font-weight:600;font-size:.8rem}
.gp-wallet-ledger .r b.g{color:#7BE39B}
.gp-wallet-ledger .ic{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;flex:0 0 28px}
.gp-wallet-ledger .ic.g{background:rgba(34,197,94,.14);color:#7BE39B}.gp-wallet-ledger .ic.v{background:rgba(124,92,255,.14);color:#B9A7FF}.gp-wallet-ledger .ic.c{background:rgba(34,211,238,.12);color:var(--gp-cyan)}
.gp-wallet-ledger .ic .gp-ico{width:14px;height:14px}
@media(prefers-reduced-motion:reduce){.gp-wallet-card3d{animation:none}.gp-wallet-ledger .r{animation:none;opacity:1}}
/* ---- crypto → bank page ---- */
.gp-c2b-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center;padding:30px 0 10px}
.gp-c2b-hero h1{margin:14px 0 12px;font-size:clamp(2rem,4vw,3.1rem)}
.gp-c2b-hero h1 .grad{color:transparent;background:linear-gradient(92deg,#F5C451,#22D3EE);-webkit-background-clip:text;background-clip:text}
.gp-c2b-hero .lede{color:var(--gp-ink2);font-size:1.05rem;line-height:1.6;max-width:56ch;margin:0 0 20px}
.gp-c2b-hero .ctas{display:flex;gap:10px;flex-wrap:wrap}
.gp-c2b-hero .art .gp-art{width:100%;height:auto;border-radius:24px;background:radial-gradient(80% 80% at 50% 30%,#182238,#0E1526);border:1px solid var(--gp-line)}
.gp-journey{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;position:relative}
.gp-journey .j{position:relative;padding:22px 20px;border-radius:20px;background:var(--gp-surface);border:1px solid var(--gp-line);display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.gp-journey .j .orb{width:76px;height:76px;margin-bottom:6px}.gp-journey .j .orb svg{width:100%;height:100%}
.gp-journey .j .k{font:700 .72rem var(--gp-mono);color:var(--gp-cyan);letter-spacing:.1em}
.gp-journey .j b{font-family:var(--gp-display);font-size:1.15rem;font-weight:800}
.gp-journey .j p{margin:0;font-size:.88rem;color:var(--gp-mute);line-height:1.5}
.gp-journey .j small{font-size:.8rem;color:var(--gp-ink2)}
.gp-journey .j .gp-btn{margin-top:auto;padding-top:10px}
.gp-journey .j.cur{border-color:var(--gp-violet);box-shadow:0 0 0 1px rgba(124,92,255,.35),0 16px 34px rgba(3,6,14,.45)}
.gp-journey .j.done::after{content:'✓';position:absolute;top:14px;right:14px;width:26px;height:26px;border-radius:50%;background:rgba(34,197,94,.16);color:#7BE39B;font-weight:800;display:grid;place-items:center;border:1px solid rgba(34,197,94,.4)}
@media(max-width:900px){.gp-c2b-hero,.gp-journey{grid-template-columns:1fr}}
/* light theme for the new bits */
html[data-theme=light] .gp-ticket .tk{background:linear-gradient(135deg,#fff,#F1F4FA)} html[data-theme=light] .gp-ticket .body b{color:var(--gp-ink)}
html[data-theme=light] .gp-perk2 .gp-art,html[data-theme=light] .gp-c2b-hero .art .gp-art{background:radial-gradient(80% 80% at 50% 30%,#1E2A44,#0E1526)}
html[data-theme=light] .gp-intent2 b,html[data-theme=light] .gp-step2 b,html[data-theme=light] .gp-journey .j b{color:var(--gp-ink)}
html[data-theme=light] .gp-wallet-ledger .r{background:#fff}
/* ---- V7.4 account settings: standard collapsible rows ---- */
.acct-settings{grid-template-columns:minmax(0,1fr)!important;max-width:880px}
.acct-settings .acct-glass{padding:0;overflow:hidden}
.acct-acc>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;padding:16px 20px;margin:0;user-select:none}
.acct-acc>summary::-webkit-details-marker{display:none}
.acct-acc>summary:hover{background:var(--gp-surface2)}
.acct-acc>summary .chev{margin-left:auto;width:18px;height:18px;color:var(--gp-mute);transition:transform .2s;flex:0 0 18px}
.acct-acc[open]>summary .chev{transform:rotate(90deg)}
.acct-acc[open]>summary{border-bottom:1px solid var(--gp-line)}
.acct-acc.top>summary .acct-h3{margin:0;flex:1}
.acct-acc.top>summary .acct-pill{margin-left:auto}
.acct-acc.top>summary .acct-pill+.chev{margin-left:0}
.acct-accbody{padding:18px 20px 20px}
.acct-acc.top .acct-accbody{animation:gpAccIn .25s var(--gp-ease)}
@keyframes gpAccIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
/* nested rows inside Security */
.acct-acc:not(.top){border:1px solid var(--gp-line);border-radius:14px;background:var(--gp-bg2);margin:8px 0}
.acct-acc:not(.top)>summary{padding:13px 14px;gap:12px}
.acct-acc:not(.top)>summary .ic{width:34px;height:34px;border-radius:10px;background:var(--gp-surface2);display:grid;place-items:center;color:var(--gp-cyan);flex:0 0 34px}
.acct-acc:not(.top)>summary .ic .gp-ico{width:17px;height:17px}
.acct-acc:not(.top)>summary .t b{display:block;font-size:.92rem}
.acct-acc:not(.top)>summary .acct-pill{margin-left:auto}
.acct-acc:not(.top) .acct-accbody{padding:4px 14px 14px}
.acct-reveal{border:1px solid var(--gp-line);border-radius:14px;background:var(--gp-bg2);margin:8px 0}
.acct-reveal-btn{width:100%;display:flex;align-items:center;gap:10px;padding:13px 14px;background:none;border:0;color:var(--gp-ink);font:600 .92rem var(--gp-body);cursor:pointer;text-align:left}
.acct-reveal-btn>span:first-child{display:inline-flex;align-items:center;gap:10px}
.acct-reveal-btn>span:first-child .gp-ico{width:17px;height:17px;color:var(--gp-cyan);background:var(--gp-surface2);padding:8px;box-sizing:content-box;border-radius:10px}
.acct-reveal-hint{margin-left:auto;font-size:.78rem;color:var(--gp-mute);font-weight:500}
.acct-caret{color:var(--gp-mute);transition:transform .2s}
.acct-reveal-btn[aria-expanded=true] .acct-caret{transform:rotate(180deg)}
.acct-reveal-body{display:none;padding:0 14px 14px}
.acct-reveal-body.open,.acct-reveal-btn[aria-expanded=true]+.acct-reveal-body{display:block}
.acct-checklist{list-style:none;padding:0;margin:0 0 6px;display:grid;grid-template-columns:1fr 1fr;gap:6px 14px}
.acct-checklist li{display:flex;align-items:center;gap:9px;font-size:.88rem;color:var(--gp-mute)}
.acct-checklist li.done{color:var(--gp-ink)}
.acct-check{width:20px;height:20px;border-radius:50%;border:1px solid var(--gp-line2);display:grid;place-items:center;font-size:.7rem;color:var(--gp-mute2)}
.acct-checklist li.done .acct-check{background:rgba(34,197,94,.16);border-color:rgba(34,197,94,.4);color:#7BE39B}
.acct-hr{border:0;border-top:1px solid var(--gp-line);margin:14px 0}
.acct-h4{font-size:.95rem;margin:4px 0 8px}

/* ============================================================
   V7.5 — KYC flow, trust medallions, mobile hero, payout form, FAQ page
   ============================================================ */
.gp-kycflow{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:14px 0 18px}
.gp-kycflow .k{position:relative;z-index:1;padding:16px 14px;border-radius:16px;background:var(--gp-bg2);border:1px solid var(--gp-line);display:flex;flex-direction:column;gap:4px;align-items:flex-start}
.gp-kycflow .k svg{width:64px;height:64px;animation:gpOrb 5s ease-in-out infinite;animation-delay:calc(var(--i,1) * -1.2s)}
.gp-kycflow .k i{font:700 .68rem var(--gp-mono);color:var(--gp-cyan);letter-spacing:.1em;font-style:normal}
.gp-kycflow .k b{font-size:.95rem}
.gp-kycflow .k p{margin:0;font-size:.82rem;color:var(--gp-mute);line-height:1.45}
.gp-kycflow .line{position:absolute;left:14%;right:14%;top:48px;height:2px;background:var(--gp-line2);overflow:hidden;border-radius:2px;z-index:0}
.gp-kycflow .line i{position:absolute;inset:0;width:30%;background:linear-gradient(90deg,transparent,var(--gp-cyan),transparent);animation:gpFlow 3s linear infinite}
@media(max-width:700px){.gp-kycflow{grid-template-columns:1fr}.gp-kycflow .line{display:none}}
/* trust medallions */
.gp-trust2{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.gp-trust2-card{display:flex;gap:12px;align-items:flex-start;padding:16px;border-radius:18px;background:var(--gp-surface);border:1px solid var(--gp-line);transition:transform .25s var(--gp-ease),border-color .25s}
.gp-trust2-card:hover{transform:translateY(-3px);border-color:var(--gp-line2)}
.gp-trust2-card .gp-badge{width:54px;height:54px;flex:0 0 54px}
.gp-trust2-card b{display:block;font-size:.95rem;margin-bottom:3px}
.gp-trust2-card p{margin:0;font-size:.82rem;color:var(--gp-mute);line-height:1.45}
@media(max-width:1024px){.gp-trust2{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.gp-trust2{grid-template-columns:1fr}}
/* mobile hero: the V7.2 3-column rule must yield below 1280/900 */
@media(max-width:1280px){.gp-hero2 .gp-wrap{grid-template-columns:minmax(280px,.9fr) minmax(0,1.2fr)}}
@media(max-width:900px){
  .gp-hero2 .gp-wrap{grid-template-columns:1fr;gap:10px}
  .gp-hero2{padding:18px 0 10px}
  .gp-hero2 h1{font-size:clamp(2rem,9.5vw,2.6rem)}
  .gp-hero-scene{order:2;min-height:0;margin:4px 0 0;overflow:hidden;container-type:inline-size}
  .gp-hero-scene .unbox{min-height:0;height:clamp(300px,88vw,420px);width:100%}
  .gp-hero-scene .ub-stage{max-width:100%;height:100%}
  .gp-rate-panel{order:3}
  .gp-hero2 .copy{order:1}
  .gp-hero2 .ctas .gp-btn{flex:1 1 46%;min-width:0;padding:13px 14px;font-size:.92rem}
  .gp-feats{grid-template-columns:repeat(4,1fr);gap:4px}.gp-feats .ic{width:38px;height:38px}
}
/* mobile carousel */
@media(max-width:720px){
  .gp-panel{padding:16px 14px 14px;border-radius:18px}
  .gp-panel .gp-section-head{flex-direction:row;align-items:center;gap:8px}
  .gp-panel .gp-section-head p{display:none}
  .gp-panel .gp-section-head h2{font-size:1.05rem}
  .gp-track{padding:10px 2px 14px;gap:12px;margin:0 -14px;padding-left:14px;padding-right:14px}
  .gp-gc{width:210px}
  .gp-brandrow{margin:0 -14px;padding-left:14px;padding-right:14px}
}
/* payout form */
.gp-payout-methods{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 2px}
.gp-payout-methods .pm{padding:9px 14px;border-radius:99px;border:1px solid var(--gp-line2);background:var(--gp-surface);color:var(--gp-ink2);font:600 .84rem var(--gp-body);cursor:pointer}
.gp-payout-methods .pm.on{background:var(--gp-violet);border-color:var(--gp-violet);color:#fff}
.gp-payout-label{font-size:.78rem;color:var(--gp-mute);margin:6px 0 0}
.gp-payout-hint{font-size:.76rem;color:var(--gp-mute);margin:4px 0 0}
/* FAQ page */
.gp-faqhero{padding:26px 0 8px;display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:center}
.gp-faqhero h1{margin:8px 0 10px}
.gp-faqhero .gp-mag-search{max-width:520px;margin-top:14px}
.gp-faqnav{display:flex;gap:8px;overflow-x:auto;padding:12px 0 4px;scrollbar-width:none;position:sticky;top:68px;z-index:5;background:var(--gp-bg)}
.gp-faqnav::-webkit-scrollbar{display:none}
.gp-faqnav a{flex:0 0 auto;font-size:.84rem;font-weight:600;color:var(--gp-ink2);border:1px solid var(--gp-line);background:var(--gp-surface);border-radius:99px;padding:8px 14px;text-decoration:none}
.gp-faqnav a.on,.gp-faqnav a:hover{background:var(--gp-violet);border-color:var(--gp-violet);color:#fff}
.gp-faqtopic{scroll-margin-top:130px}
.gp-faqtopic .gp-section-head h2{display:flex;align-items:center;gap:12px}
.gp-faqtopic .gp-section-head h2 .gp-badge{width:40px;height:40px}
.gp-faqx{border:1px solid var(--gp-line);border-radius:18px;background:var(--gp-surface);margin:10px 0;overflow:hidden}
.gp-faqx summary{list-style:none;cursor:pointer;padding:16px 18px;font-weight:700;display:flex;justify-content:space-between;align-items:center;gap:14px;color:var(--gp-ink)}
.gp-faqx summary::-webkit-details-marker{display:none}
.gp-faqx summary .gp-ico{width:18px;height:18px;color:var(--gp-cyan);transition:transform .2s;flex:0 0 18px}
.gp-faqx[open] summary .gp-ico{transform:rotate(45deg)}
.gp-faqx .a{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:18px;padding:0 18px 18px;color:var(--gp-ink2);line-height:1.6;font-size:.95rem;animation:gpAccIn .25s var(--gp-ease)}
.gp-faqx .a.noart{grid-template-columns:1fr}
.gp-faqx .a p{margin:0 0 10px}
.gp-faqx .a ul,.gp-faqx .a ol{margin:0 0 10px;padding-left:1.2em}
.gp-faqx .art{border-radius:16px;background:radial-gradient(80% 80% at 50% 30%,#182238,#0E1526);border:1px solid var(--gp-line);padding:10px;display:flex;align-items:center;justify-content:center;min-height:150px}
.gp-faqx .art .gp-art{width:100%;height:auto}
.gp-faqx .art .gp-flow{width:100%;margin:0;flex-wrap:wrap;justify-content:center;border:0;background:none;padding:6px}
.gp-faqx .art .gp-crypto{width:100%;grid-template-columns:repeat(4,1fr);gap:8px}
.gp-faqx .art .gp-crypto-chip{padding:10px 6px}
.gp-faqx .art .orbs{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.gp-faqx .art .orbs svg{width:64px;height:64px}
.gp-faqx .art .gp-badge{width:120px;height:120px}
.gp-faqx .a .cta{margin-top:6px}
@media(max-width:900px){.gp-faqhero{grid-template-columns:1fr}.gp-faqx .a{grid-template-columns:1fr}.gp-faqx .art{order:-1}}
/* ---- V7.6 drawer rebuilt: nothing shrinks, every row is a clear tile ---- */
.gp-drawer>*{flex-shrink:0}
.gp-drawer .dlist{display:flex;flex-direction:column;gap:6px;margin:8px 0}
.gp-drawer .dlist a,.gp-drawer .dcats>summary{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:14px;background:var(--gp-surface);border:1px solid var(--gp-line);color:var(--gp-ink);text-decoration:none;min-height:56px;cursor:pointer;list-style:none}
.gp-drawer .dcats>summary::-webkit-details-marker{display:none}
.gp-drawer .dlist a:active,.gp-drawer .dlist a:hover{background:var(--gp-surface2)}
.gp-drawer .ic{width:38px;height:38px;border-radius:11px;background:var(--gp-surface2);display:grid;place-items:center;color:var(--gp-cyan);flex:0 0 38px}
.gp-drawer .ic .gp-ico{width:19px;height:19px}
.gp-drawer .ic.v{background:rgba(124,92,255,.16);color:#B9A7FF}.gp-drawer .ic.g{background:rgba(34,197,94,.14);color:#7BE39B}.gp-drawer .ic.y{background:rgba(245,196,81,.14);color:var(--gp-gold)}.gp-drawer .ic.c{background:rgba(34,211,238,.12);color:var(--gp-cyan)}
.gp-drawer .t{display:flex;flex-direction:column;min-width:0;flex:1}
.gp-drawer .t b{font-size:.95rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gp-drawer .t small{font-size:.76rem;color:var(--gp-mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gp-drawer .dlist .chev,.gp-drawer .dcats .chev{width:16px;height:16px;color:var(--gp-mute2);flex:0 0 16px;transition:transform .2s}
.gp-drawer .dcats[open]>summary .chev{transform:rotate(90deg)}
.gp-drawer .dcats .dlist{margin:6px 0 0 0;padding-left:8px}
.gp-drawer .dlist small.n{font-size:.74rem;font-weight:700;color:var(--gp-mute);background:var(--gp-surface2);padding:2px 8px;border-radius:99px}
.gp-drawer .acts .gp-btn{min-height:50px}
.gp-drawer .gp-themebtn{min-height:52px}
html[data-theme=light] .gp-drawer .dlist a,html[data-theme=light] .gp-drawer .dcats>summary{background:#F7F9FC;color:var(--gp-ink)}

/* ============================================================
   V8.0 — SEO blocks + premium live counters
   ============================================================ */
.gp-answers h2{font-size:1.35rem;margin-bottom:12px}
.gp-qa{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.gp-qa .qa{padding:16px 18px;border-radius:16px;background:var(--gp-surface);border:1px solid var(--gp-line)}
.gp-qa .qa h3{font-size:.98rem;margin:0 0 6px;color:var(--gp-ink)}
.gp-qa .qa p{margin:0;font-size:.9rem;color:var(--gp-ink2);line-height:1.55}
.gp-related-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px}
.gp-related-cols h3{font-size:.95rem;margin:0 0 8px;color:var(--gp-ink)}
.gp-related-cols ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.gp-related-cols a{font-size:.88rem;color:var(--gp-ink2);text-decoration:none;display:inline-flex;align-items:center;gap:6px;padding:6px 0;border-bottom:1px dashed var(--gp-line)}
.gp-related-cols a::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--gp-cyan);flex:0 0 5px}
.gp-related-cols a:hover{color:#fff}
.gp-statsrow{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:8px 0 6px}
.gp-statsrow div{padding:14px 16px;border-radius:14px;background:var(--gp-surface);border:1px solid var(--gp-line)}
.gp-statsrow b{display:block;font-family:var(--gp-display);font-size:1.25rem;font-weight:800;letter-spacing:-.02em;color:#fff}
.gp-statsrow span{font-size:.78rem;color:var(--gp-mute)}
.gp-finder{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:12px;align-items:end;padding:18px;border-radius:18px;background:var(--gp-surface);border:1px solid var(--gp-line);margin-top:10px}
.gp-finder label{display:flex;flex-direction:column;gap:6px;font-size:.82rem;font-weight:600;color:var(--gp-ink2)}
.gp-status{display:flex;flex-direction:column;gap:8px;margin-top:10px}
.gp-status .row{display:grid;grid-template-columns:14px 1fr auto;gap:10px 12px;align-items:center;padding:14px 16px;border-radius:14px;background:var(--gp-surface);border:1px solid var(--gp-line)}
.gp-status .row .dot{width:10px;height:10px;border-radius:50%;background:var(--gp-green);box-shadow:0 0 0 4px rgba(34,197,94,.18)}
.gp-status .row.degraded .dot{background:var(--gp-amber);box-shadow:0 0 0 4px rgba(245,158,11,.18)}.gp-status .row.down .dot{background:var(--gp-red);box-shadow:0 0 0 4px rgba(240,97,109,.18)}.gp-status .row.unknown .dot{background:var(--gp-mute2);box-shadow:none}
.gp-status .row .st{font-size:.8rem;font-weight:700;color:#7BE39B}.gp-status .row.degraded .st{color:#FBBF5C}.gp-status .row.down .st{color:#FF8F98}.gp-status .row.unknown .st{color:var(--gp-mute)}
.gp-status .row small{grid-column:2/-1;color:var(--gp-mute);font-size:.78rem}
@media(max-width:900px){.gp-qa,.gp-related-cols{grid-template-columns:1fr}.gp-statsrow{grid-template-columns:1fr 1fr}.gp-finder{grid-template-columns:1fr 1fr}}
html[data-theme=light] .gp-qa .qa h3,html[data-theme=light] .gp-statsrow b,html[data-theme=light] .gp-related-cols h3{color:var(--gp-ink)} html[data-theme=light] .gp-related-cols a:hover{color:var(--gp-ink)}

/* ---- Live counters: display numerals, solid ink + soft halo (no background-clip — it broke the rolling digits), digit roll + settle glow ---- */
.gp-rate-panel .stat b.tickr,.gp-metric b.tickr,.gp-stat b.tickr{font-family:var(--gp-display);font-weight:800;font-size:1.7rem;letter-spacing:-.02em;font-variant-numeric:tabular-nums lining-nums;line-height:1;color:#F4F7FF;background:none;text-shadow:0 0 22px rgba(124,92,255,.35),0 1px 0 rgba(0,0,0,.4)}
.gp-rate-panel .stat b.tickr .tk-d,.gp-metric b.tickr .tk-d,.gp-stat b.tickr .tk-d{width:.58em;height:1.02em;overflow:hidden;background:none}
.gp-rate-panel .stat b.tickr .tk-d b,.gp-metric b.tickr .tk-d b,.gp-stat b.tickr .tk-d b{font-weight:800;color:#F4F7FF;background:none}
.gp-rate-panel .stat b.tickr .tk-sep,.gp-metric b.tickr .tk-sep,.gp-stat b.tickr .tk-sep{opacity:.5;padding:0 .01em;color:#C7D0E0;background:none}
.tk-d b.tk-in{animation:tkIn .55s cubic-bezier(.22,1,.36,1) both,tkGlow 1.2s ease-out both}
.tk-d b.tk-out{animation:tkOut .55s cubic-bezier(.22,1,.36,1) both}
@keyframes tkGlow{0%{color:#F4F7FF}25%{color:#C9F3FF;text-shadow:0 0 10px rgba(34,211,238,.9),0 0 22px rgba(124,92,255,.8)}100%{color:#F4F7FF}}
.gp-rate-panel .stat b.live{font-family:var(--gp-display);font-weight:800;font-size:1.7rem;letter-spacing:-.02em;color:#F5C451;background:none;text-shadow:0 0 18px rgba(245,196,81,.35);transition:opacity .18s}
.gp-rate-panel .stat small{letter-spacing:.02em;text-transform:uppercase;font-size:.66rem;font-weight:700;color:#8A97B2}
@media(prefers-reduced-motion:reduce){.tk-d b.tk-in,.tk-d b.tk-out{animation:none}}

/* ============================================================
   V8.1 — Live pulse strip (shared family look with GiftsByCrypto)
   ============================================================ */
.lpulse{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:14px 12px 12px;border-radius:20px;background:linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.12);box-shadow:0 14px 30px rgba(0,0,0,.35);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.lpulse::before{content:'';position:absolute;left:14px;right:14px;top:0;height:2px;border-radius:2px;background:linear-gradient(90deg,#F5C451,#3B82F6)}
.lp-live{position:absolute;top:-10px;right:14px;display:inline-flex;align-items:center;gap:6px;font:800 .62rem 'Inter',var(--gp-body);letter-spacing:.12em;color:#062015;background:#00B67A;padding:4px 9px;border-radius:99px;box-shadow:0 4px 12px rgba(0,182,122,.4)}
.lp-live i{width:6px;height:6px;border-radius:50%;background:#fff;animation:lpDot 1.4s ease-in-out infinite}
@keyframes lpDot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}
.lp-cell{display:flex;align-items:center;gap:10px;padding:6px 10px;min-width:0;border-left:1px solid rgba(255,255,255,.08)}
.lp-cell:first-child{border-left:0}
.lp-ic{position:relative;width:36px;height:36px;border-radius:11px;display:grid;place-items:center;flex:0 0 36px;color:#fff;transition:transform .3s var(--gp-ease)}
.lp-ic .gp-ico{width:18px;height:18px}
.lp-ic.u{background:linear-gradient(135deg,#F5C451,#D9A62F);color:#3A2600;box-shadow:0 6px 14px rgba(245,196,81,.3)}
.lp-ic.g{background:linear-gradient(135deg,#FF8FA3,#E0447A);box-shadow:0 6px 14px rgba(224,68,122,.3)}
.lp-ic.t{background:linear-gradient(135deg,#7CE8FF,#3B82F6);box-shadow:0 6px 14px rgba(59,130,246,.3)}
.lp-ic.pop{animation:lpPop .5s var(--gp-ease)}
@keyframes lpPop{0%{transform:scale(1)}40%{transform:scale(1.14)}100%{transform:scale(1)}}
.lp-ring{position:absolute;inset:-2px;border-radius:14px;border:2px solid rgba(255,255,255,.7);animation:lpRing .9s ease-out forwards;pointer-events:none}
@keyframes lpRing{0%{opacity:.9;transform:scale(1)}100%{opacity:0;transform:scale(1.7)}}
.lp-t{display:flex;flex-direction:column;gap:3px;min-width:0}
.lp-t small{font:500 .76rem var(--gp-body);color:#8A97B2;white-space:nowrap}
.lp-n{position:relative;display:inline-flex;align-items:center;gap:2px;font:700 1.4rem 'Sora',var(--gp-display);color:#fff;letter-spacing:0;font-variant-numeric:tabular-nums;line-height:1.2;text-shadow:none;background:none}
.lp-n.tickr .tk-d{position:relative;display:inline-block;width:.7em;height:1.2em;overflow:hidden;border-radius:4px;background:linear-gradient(180deg,rgba(255,255,255,.14) 0 50%,rgba(255,255,255,.07) 50% 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.14);font-style:normal;perspective:220px}
.lp-n.tickr .tk-d::after{content:'';position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(0,0,0,.45)}
.lp-n.tickr .tk-d b{position:absolute;left:0;right:0;height:50%;overflow:hidden;text-align:center;font-weight:700;color:#fff;background:none;backface-visibility:hidden;display:block}
.lp-n.tickr .tk-d b span{display:block;line-height:1.2em;height:1.2em}
.lp-n.tickr .tk-d .tk-up,.lp-n.tickr .tk-d .tk-fl-up{top:0}
.lp-n.tickr .tk-d .tk-dn,.lp-n.tickr .tk-d .tk-fl-dn{top:50%;bottom:auto}
.lp-n.tickr .tk-d .tk-dn span,.lp-n.tickr .tk-d .tk-fl-dn span{margin-top:-.6em}
.lp-n.tickr .tk-d .tk-fl-up{top:0;transform-origin:bottom;background:rgba(255,255,255,.14);animation:tkFlipUp .32s ease-in forwards;z-index:2}
.lp-n.tickr .tk-d .tk-fl-dn{bottom:0;transform-origin:top;transform:rotateX(90deg);background:rgba(255,255,255,.07);animation:tkFlipDn .32s ease-out .3s forwards;z-index:2}
@keyframes tkFlipUp{0%{transform:rotateX(0);filter:brightness(1)}100%{transform:rotateX(-90deg);filter:brightness(.6)}}
@keyframes tkFlipDn{0%{transform:rotateX(90deg);filter:brightness(.6)}100%{transform:rotateX(0);filter:brightness(1)}}
.lp-n.tickr .tk-sep{opacity:.5;color:#C7D0E0;padding:0 1px;font-style:normal}
.lp-plus{position:absolute;right:-6px;top:-4px;font:700 .68rem var(--gp-body);color:#0A0F1C;background:#fff;padding:2px 6px;border-radius:99px;animation:lpPlus 1.3s ease-out forwards;pointer-events:none;box-shadow:0 4px 10px rgba(0,0,0,.35)}
@keyframes lpPlus{0%{opacity:0;transform:translateY(4px)}15%{opacity:1}100%{opacity:0;transform:translateY(-22px)}}
.lp-time{color:#fff}
.lp-time.lp-bump{animation:lpBump .8s ease-out}
@keyframes lpBump{0%{text-shadow:0 0 0 rgba(59,130,246,0)}30%{text-shadow:0 0 14px rgba(124,215,255,.95)}100%{text-shadow:0 0 0 rgba(59,130,246,0)}}
.gp-feats .lp-mini{font-style:normal;font:700 .74rem 'Sora',var(--gp-display);color:#7CE8FF;font-variant-numeric:tabular-nums}
@media(max-width:1280px){.gp-rate-panel .lpulse{grid-column:2/-1}}
@media(max-width:900px){.lpulse{grid-template-columns:1fr 1fr;padding-top:18px}.lp-cell{border-left:0;padding:6px 4px}.lp-cell.wide{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.08);margin-top:6px;padding-top:12px}.lp-n{font-size:1.05rem}}
@media(prefers-reduced-motion:reduce){.lp-live i,.lp-ic.pop,.lp-ring,.lp-plus,.lp-time.lp-bump,.lp-n.tickr .tk-d .tk-fl-up,.lp-n.tickr .tk-d .tk-fl-dn{animation:none}}

/* ============================================================
   V8.1 — golden wallet pill, withdraw button, trust-green ratings, KYC badge, withdraw page
   ============================================================ */
.gp-wallet{flex:none;background:linear-gradient(135deg,#FFE59A 0%,#F5C451 55%,#D9A62F 100%);border-color:rgba(255,255,255,.25);color:#1A1405;box-shadow:0 6px 16px rgba(245,196,81,.35),inset 0 1px 0 rgba(255,255,255,.55);position:relative;overflow:hidden}
.gp-wallet::after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.55) 0%,rgba(255,255,255,0) 40%);pointer-events:none}
.gp-wallet .gp-ico{width:26px;height:26px;padding:5px;border-radius:50%;background:#1A1405;color:#F5C451;box-sizing:border-box}
.gp-wallet b{color:#1A1405;white-space:nowrap}
html[data-theme=light] .gp-wallet,html[data-theme=light] .gp-wallet b{color:#1A1405}
.gp-wdbtn{gap:6px;white-space:nowrap}.gp-wdbtn small{font-size:.66rem;font-weight:800;background:rgba(0,0,0,.14);padding:2px 6px;border-radius:99px}
.gp-wdbtn .gp-ico{width:16px;height:16px}
@media(max-width:1180px){.gp-wdbtn small{display:none}}@media(max-width:1080px){.gp-wdbtn{display:none}}
/* trust-green stars & bars everywhere */
.gp-rating .stars i::after,.gp-review-card .st .stars i,.gp-fb-score .dist i::after,.gp-brand-card .meta .rt,.fb-stars,.fb-stars i,.fb-star.on{background:linear-gradient(90deg,#00B67A,#2FE6A6)!important;color:#00B67A}
.gp-brand-card .meta .rt{background:none!important;color:#2FE6A6}.gp-brand-card .meta .rt svg{fill:#2FE6A6}
.gp-rate-panel .boxes i,.gp-rate-panel .boxes i::before{background:linear-gradient(135deg,#00B67A,#2FE6A6)}
.fb-stars i.on,.stars .on{color:#00B67A}
/* KYC sidebar badge */
.dn-links .kycpill{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--gp-line2);background:#fff;color:#1A2036}
.dn-links .kycpill .gp-ico{width:12px;height:12px}
.dn-links .kycpill.tv{background:#00B67A;color:#fff;border-color:#00B67A}
.dn-links .kycpill.tp{background:#F59E0B;color:#1A1405;border-color:#F59E0B}
/* withdraw page */
.fin-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:22px;align-items:center;padding:6px 0 18px}
.fin-hero .fin-h1{margin:10px 0 8px}
.fin-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.fin-chips span{font:700 .8rem var(--gp-body);padding:7px 12px;border-radius:99px;background:var(--gp-surface);border:1px solid var(--gp-line);color:var(--gp-ink)}
.fin-anim{position:relative;border-radius:22px;background:radial-gradient(80% 80% at 50% 30%,#182238,#0E1526);border:1px solid var(--gp-line);padding:10px}
.fin-anim .gp-art{width:100%;height:auto}
.fin-anim .ring{position:absolute;right:14px;top:12px;width:58px;height:58px;display:grid;place-items:center}
.fin-anim .ring i{position:absolute;inset:0;border-radius:50%;background:conic-gradient(#22D3EE var(--p,0%),rgba(255,255,255,.1) 0);mask:radial-gradient(circle,transparent 60%,#000 62%);-webkit-mask:radial-gradient(circle,transparent 60%,#000 62%);animation:finRing 5s linear infinite}
@keyframes finRing{from{--p:0%}to{--p:100%}}
@property --p{syntax:'<percentage>';inherits:false;initial-value:0%}
.fin-anim .ring b{font:700 .78rem var(--gp-mono);color:#fff}
.fin-split{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 14px}
.fin-split>div{padding:14px 16px;border-radius:16px;background:var(--gp-surface);border:1px solid var(--gp-line)}
.fin-split>div.ok{border-color:rgba(0,182,122,.45)}
.fin-split small{display:block;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--gp-mute)}
.fin-split b{display:block;font:700 1.35rem 'Sora',var(--gp-display);color:#fff;margin:4px 0 2px;font-variant-numeric:tabular-nums}
.fin-split>div.ok b{color:#2FE6A6}
.fin-split span{font-size:.76rem;color:var(--gp-mute)}
.fin-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 18px}
.fin-steps .fs{display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px;align-items:center;padding:12px;border-radius:16px;background:var(--gp-surface);border:1px solid var(--gp-line);text-decoration:none;color:var(--gp-ink);min-width:0}
.fin-steps .fs .ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:#fff}
.fin-steps .fs .ic .gp-ico{width:19px;height:19px}
.fin-steps .fs .i1{background:linear-gradient(135deg,#F5C451,#D9A62F)}.fin-steps .fs .i2{background:linear-gradient(135deg,#7CE8FF,#3B82F6)}.fin-steps .fs .i3{background:linear-gradient(135deg,#A78BFA,#5B21B6)}.fin-steps .fs .i4{background:linear-gradient(135deg,#2FE6A6,#00B67A)}
.fin-steps .fs .t{min-width:0}.fin-steps .fs .t i{display:block;font:700 .64rem var(--gp-mono);color:var(--gp-mute);font-style:normal;letter-spacing:.08em}
.fin-steps .fs .t b{display:block;font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fin-steps .fs .st{grid-column:2;font-size:.7rem;font-weight:700;color:var(--gp-mute);padding:2px 8px;border-radius:99px;background:var(--gp-surface2);justify-self:start}
.fin-steps .fs.cur{border-color:var(--gp-violet);box-shadow:0 0 0 1px rgba(124,92,255,.35)}.fin-steps .fs.cur .st{background:var(--gp-violet);color:#fff}
.fin-steps .fs.done .st{background:rgba(0,182,122,.16);color:#2FE6A6}
.fin-bank-acts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:6px 0 10px}
.fin-bank-acts .fin-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;font-size:.95rem}
.fin-bank-acts .fin-btn .gp-ico{width:18px;height:18px}
.fin-bank-acts .fin-btn.locked{background:var(--gp-surface2);color:var(--gp-mute);border:1px solid var(--gp-line);cursor:not-allowed;box-shadow:none}
.fin-panel{margin-top:10px}
.fin-note.warn{color:#FBBF5C}
@media(max-width:900px){.fin-hero,.fin-bank-acts{grid-template-columns:1fr}.fin-split{grid-template-columns:1fr}.fin-steps{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.fin-steps{grid-template-columns:1fr}}

/* ---- V8.1.1: the pulse strip inside the 300px rating panel is ONE column (a 3-across strip cannot fit there) ---- */
.gp-rate-panel .lpulse{grid-template-columns:1fr;gap:4px;padding:16px 12px 10px}
.gp-rate-panel .lp-cell{border-left:0;border-top:1px solid rgba(255,255,255,.08);padding:10px 4px}
.gp-rate-panel .lp-cell:first-child{border-top:0;padding-top:4px}
.gp-rate-panel .lp-cell.wide{grid-column:auto}
.gp-rate-panel .lp-t{flex:1;min-width:0}
.gp-rate-panel .lp-t small{white-space:normal}
.lp-n.tickr .tk-sep{font-size:.7em;align-self:flex-end;padding:0 1px 2px}
.lp-cell .lp-n{white-space:nowrap}
/* legacy .tk-d rules from the old counters must not resize the flap tiles */
.gp-rate-panel .lp-n.tickr .tk-d,.lp-n.tickr .tk-d{width:.7em;height:1.2em}
.lp-n.tickr .tk-d b.tk-in,.lp-n.tickr .tk-d b.tk-out{animation:none}
@media(max-width:1280px){.gp-rate-panel .lpulse{grid-column:2/-1;grid-template-columns:repeat(3,1fr)}.gp-rate-panel .lp-cell{border-top:0;border-left:1px solid rgba(255,255,255,.08)}.gp-rate-panel .lp-cell:first-child{border-left:0}}
@media(max-width:900px){.gp-rate-panel .lpulse{grid-template-columns:1fr 1fr}.gp-rate-panel .lp-cell.wide{grid-column:1/-1;border-left:0;border-top:1px solid rgba(255,255,255,.08)}}
/* ---- V8.1.1 mobile: pulse strip spans the panel; withdraw page never wider than the viewport ---- */
.gp-rate-panel .lpulse{grid-column:1/-1}
@media(max-width:900px){
  .gp-rate-panel .lpulse{grid-template-columns:1fr 1fr}
  .fin-grid2{grid-template-columns:1fr!important}
  .fin-wrap,.dash{overflow-x:hidden;max-width:100vw}
  .fin-hero .art .gp-art,.fin-anim .gp-art{max-width:100%;height:auto}
  .fin-anim{overflow:hidden}
  .fin-chips span{font-size:.74rem;padding:6px 10px}
}
/* header: nothing wraps; lower-priority items shrink first */
.gp-nav a{white-space:nowrap}
.gp-logo{margin-right:6px;flex:none}
.gp-hsearch{flex:1 1 200px;min-width:150px}
.gp-hsearch kbd{display:none}@media(min-width:1600px){.gp-hsearch kbd{display:block}}
.gp-hacts{flex:none}
@media(max-width:1600px){.gp-nav a[data-pri="3"]{display:none}}
@media(max-width:1280px){.gp-nav a[data-pri="2"]{display:none}}
/* ---- V8.3 sign-up: two panels ---- */
.gp-signup{display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:start;padding-top:26px;max-width:1080px}
.gp-signup-val h1{margin:12px 0 8px;font-size:clamp(1.7rem,3vw,2.4rem)}
.gp-signup-val>p{color:var(--gp-ink2);font-size:1rem;max-width:48ch}
.gp-signup-val ul{list-style:none;padding:0;margin:18px 0;display:flex;flex-direction:column;gap:10px}
.gp-signup-val li{display:grid;grid-template-columns:38px 1fr;gap:4px 12px;align-items:center;padding:12px 14px;border-radius:14px;background:var(--gp-surface);border:1px solid var(--gp-line)}
.gp-signup-val li .ic{grid-row:span 2;width:38px;height:38px;border-radius:11px;display:grid;place-items:center}
.gp-signup-val li .ic .gp-ico{width:19px;height:19px}
.gp-signup-val li .ic.v{background:rgba(124,92,255,.14);color:#B9A7FF}.gp-signup-val li .ic.g{background:rgba(0,182,122,.14);color:#2FE6A6}.gp-signup-val li .ic.c{background:rgba(34,211,238,.12);color:var(--gp-cyan)}.gp-signup-val li .ic.y{background:rgba(245,196,81,.14);color:var(--gp-gold)}
.gp-signup-val li b{font-size:.95rem}.gp-signup-val li small{color:var(--gp-mute);font-size:.8rem}
.gp-signup-val .secrow{display:flex;gap:8px}.gp-signup-val .secrow .gp-badge{width:42px;height:42px}
.gp-signup-form{padding:24px}
.gp-pw{position:relative}.gp-pw input{padding-right:64px}
.gp-pwtoggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:var(--gp-surface2);border:1px solid var(--gp-line);color:var(--gp-ink2);font:600 .74rem var(--gp-body);padding:5px 9px;border-radius:8px;cursor:pointer}
.gp-pwmeter{height:4px;border-radius:99px;background:var(--gp-line);margin:8px 0 4px;overflow:hidden}.gp-pwmeter i{display:block;height:100%;width:0;transition:width .2s,background .2s}
@media(max-width:900px){.gp-signup{grid-template-columns:1fr;gap:16px}.gp-signup-val{order:2}}
.gp-promoline{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:16px;font-size:.82rem;color:var(--gp-ink2)}
.gp-promoline span{padding:6px 10px;border-radius:99px;background:var(--gp-bg2);border:1px solid var(--gp-line)}
.gp-promoline span b{font-family:var(--gp-mono);color:var(--gp-gold);letter-spacing:.04em}
.gp-promoline em{font-style:normal;color:var(--gp-mute)}
.gp-ticket .body b{font-size:.78rem;letter-spacing:.02em;color:var(--gp-ink2);font-family:var(--gp-body);font-weight:600}
.gp-ticket .body small{font-size:.86rem;color:#fff;font-weight:700}

/* ============================================================
   V8.5 — support messenger (compact panel), scoped to .gpc-* / .sup-btn
   ============================================================ */
.sup-btn{position:fixed;right:18px;bottom:18px;z-index:90;display:inline-flex;align-items:center;gap:8px;padding:12px 16px;border-radius:99px;border:1px solid var(--gp-line2);background:var(--gp-surface);color:var(--gp-ink);font:700 .9rem var(--gp-body);box-shadow:0 12px 30px rgba(0,0,0,.45);cursor:pointer}
.sup-btn .gp-ico{width:18px;height:18px;color:var(--gp-cyan)}
.sup-btn.lifted{bottom:96px}
.sup-btn .gpc-badge{position:absolute;top:-6px;right:-4px;min-width:20px;height:20px;padding:0 6px;border-radius:99px;background:#E53935;color:#fff;font:800 .7rem var(--gp-body);display:grid;place-items:center;box-shadow:0 0 0 2px var(--gp-bg)}
.sup-btn.has{border-color:rgba(229,57,53,.6)}
.gpc-toast{position:fixed;right:18px;bottom:78px;z-index:95;display:flex;gap:10px;align-items:center;max-width:min(360px,calc(100vw - 36px));padding:10px 12px;border-radius:14px;background:var(--gp-surface);border:1px solid var(--gp-line2);box-shadow:var(--gp-shadow);font-size:.86rem;color:var(--gp-ink)}
.gpc-toast span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gpc-toast button{border:0;background:var(--gp-violet);color:#fff;border-radius:8px;padding:6px 10px;font:700 .78rem var(--gp-body);cursor:pointer}
.gpc-toast .gpc-toast-x{background:transparent;color:var(--gp-mute);font-size:1.1rem;padding:0 4px}
.gpc-panel{position:fixed;right:18px;bottom:76px;z-index:92;width:min(420px,calc(100vw - 24px));height:min(600px,calc(100vh - 110px));display:flex;flex-direction:column;border-radius:20px;background:var(--gp-bg2);border:1px solid var(--gp-line2);box-shadow:0 30px 70px rgba(0,0,0,.6);overflow:hidden;color:var(--gp-ink)}
.gpc-panel.lifted{bottom:154px;height:min(560px,calc(100vh - 190px))}
.gpc-head{display:flex;align-items:center;gap:10px;padding:12px 12px 10px;border-bottom:1px solid var(--gp-line);background:linear-gradient(180deg,var(--gp-surface),var(--gp-bg2))}
.gpc-mark img{width:28px;height:28px;border-radius:50%;display:block}
.gpc-title{flex:1;min-width:0;display:flex;flex-direction:column}.gpc-title b{font-size:.95rem}.gpc-title small{font-size:.72rem;color:var(--gp-mute);display:flex;align-items:center;gap:6px}
.gpc-title small i{width:8px;height:8px;border-radius:50%;background:var(--gp-mute2)}.gpc-title small i.on{background:#00B67A;box-shadow:0 0 0 3px rgba(0,182,122,.2)}
.gpc-ib{width:32px;height:32px;border-radius:9px;border:1px solid var(--gp-line);background:var(--gp-surface);color:var(--gp-ink2);display:grid;place-items:center;cursor:pointer;font-size:1rem}.gpc-ib .gp-ico{width:16px;height:16px}
#gpcBack .gp-ico{transform:rotate(180deg)}
.gpc-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--gp-line)}
.gpc-tabs button{position:relative;border:0;background:none;color:var(--gp-mute);font:600 .76rem var(--gp-body);padding:9px 4px;display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;border-bottom:2px solid transparent}
.gpc-tabs button .gp-ico{width:16px;height:16px}.gpc-tabs button.on{color:var(--gp-ink);border-bottom-color:var(--gp-violet)}
.gpc-tabbadge,.gpc-cardbadge{position:absolute;top:4px;right:calc(50% - 22px);min-width:16px;height:16px;padding:0 4px;border-radius:99px;background:#E53935;color:#fff;font:800 .62rem var(--gp-body);display:grid;place-items:center;font-style:normal}
.gpc-cardbadge{top:10px;right:10px;left:auto}
.gpc-body{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}
.gpc-view{flex:1;min-height:0;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px}
.gpc-view[hidden]{display:none}
.gpc-hello{margin:0;font:700 1.05rem var(--gp-display)}
.gpc-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.gpc-card{position:relative;display:flex;flex-direction:column;gap:3px;align-items:flex-start;text-align:left;padding:12px;border-radius:14px;border:1px solid var(--gp-line);background:var(--gp-surface);color:var(--gp-ink);text-decoration:none;cursor:pointer;font:inherit}
.gpc-card .gp-ico{width:20px;height:20px;color:var(--gp-cyan);margin-bottom:4px}.gpc-card b{font-size:.9rem}.gpc-card small{font-size:.74rem;color:var(--gp-mute);line-height:1.3}
.gpc-fine{font-size:.72rem;color:var(--gp-mute);margin:0;line-height:1.4}
.gpc-conv{display:flex;flex-direction:column;gap:2px;text-align:left;padding:10px 12px;border-radius:12px;border:1px solid var(--gp-line);background:var(--gp-surface);color:var(--gp-ink);cursor:pointer;font:inherit;width:100%}
.gpc-conv b{font-size:.88rem;display:flex;justify-content:space-between}.gpc-conv b i{font-style:normal;min-width:18px;height:18px;padding:0 5px;border-radius:99px;background:#E53935;color:#fff;font-size:.66rem;display:grid;place-items:center}
.gpc-conv small{font-size:.76rem;color:var(--gp-mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gpc-conv em{font-size:.66rem;color:var(--gp-mute2);font-style:normal}
.gpc-conv.unread{border-color:rgba(229,57,53,.45)}
.gpc-start{margin-top:4px;padding:10px;border-radius:10px;border:1px dashed var(--gp-line2);background:none;color:var(--gp-ink2);font:600 .82rem var(--gp-body);cursor:pointer;width:100%}
.gpc-empty{text-align:center;padding:20px 8px}.gpc-empty p{color:var(--gp-mute);font-size:.84rem}
.gpc-list{display:flex;flex-direction:column;gap:6px}
.gpc-thread{flex:1;min-height:0;display:flex;flex-direction:column;position:relative}
.gpc-msgs{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:2px 2px 6px}
.gpc-aimsgs{min-height:120px}
.gpc-m{max-width:88%;display:flex;flex-direction:column;gap:2px}
.gpc-m .who{font-size:.66rem;color:var(--gp-mute);padding:0 4px}.gpc-m .who em{font-style:normal;font-size:.58rem;font-weight:800;padding:1px 5px;border-radius:99px;background:rgba(124,92,255,.2);color:#B9A7FF;margin-left:4px}
.gpc-m .b{padding:9px 12px;border-radius:14px;font-size:.88rem;line-height:1.45;word-break:break-word;background:var(--gp-surface);border:1px solid var(--gp-line)}
.gpc-m .b a{color:var(--gp-cyan)}
.gpc-m time{font-size:.62rem;color:var(--gp-mute2);padding:0 4px}
.gpc-m.me{align-self:flex-end;align-items:flex-end}.gpc-m.me .b{background:var(--gp-violet);border-color:var(--gp-violet);color:#fff}
.gpc-m.ai .b{border-color:rgba(124,92,255,.5)}.gpc-m.sys{align-self:center;max-width:100%}.gpc-m.sys .b{background:transparent;border-style:dashed;color:var(--gp-mute);font-size:.78rem;text-align:center}
.gpc-m.pending .b{opacity:.7}.gpc-m.failed .b{border-color:var(--gp-red)}.gpc-m.failed time a{color:var(--gp-red)}
.gpc-img img{max-width:220px;max-height:200px;border-radius:10px;display:block;margin-top:6px}.gpc-pdf{display:inline-block;margin-top:6px;font-size:.8rem}
.gpc-typing{font-size:.72rem;color:var(--gp-mute);padding:4px 6px}.gpc-typing i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--gp-mute);margin-right:2px;animation:gpcDot 1s infinite}.gpc-typing i:nth-child(2){animation-delay:.2s}.gpc-typing i:nth-child(3){animation-delay:.4s}
@keyframes gpcDot{50%{opacity:.3}}
.gpc-new{position:absolute;left:50%;bottom:8px;transform:translateX(-50%);border:0;border-radius:99px;background:var(--gp-violet);color:#fff;font:700 .74rem var(--gp-body);padding:6px 12px;cursor:pointer;box-shadow:var(--gp-shadow)}
.gpc-older{border:1px solid var(--gp-line);background:none;color:var(--gp-mute);font:600 .74rem var(--gp-body);padding:6px;border-radius:8px;cursor:pointer;margin-bottom:6px}
.gpc-foot{border-top:1px solid var(--gp-line);padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:var(--gp-bg2)}
.gpc-attach{display:flex;flex-wrap:wrap;gap:6px}.gpc-attach:empty{display:none}.gpc-attach:not(:empty){margin-bottom:6px}
.gpc-att{font-size:.72rem;padding:4px 8px;border-radius:99px;background:var(--gp-surface);border:1px solid var(--gp-line);display:inline-flex;gap:6px;align-items:center}.gpc-att.err{border-color:var(--gp-red);color:var(--gp-red)}.gpc-att button{border:0;background:none;color:inherit;cursor:pointer}
.gpc-compose{display:flex;align-items:flex-end;gap:6px}
.gpc-compose textarea{flex:1;resize:none;min-height:38px;max-height:120px;padding:9px 12px;border-radius:12px;border:1px solid var(--gp-line2);background:var(--gp-surface);color:var(--gp-ink);font:inherit;font-size:.9rem;line-height:1.35}
.gpc-compose textarea:focus{outline:2px solid var(--gp-violet);outline-offset:1px}
.gpc-send{width:38px;height:38px;border-radius:12px;border:0;background:var(--gp-violet);color:#fff;display:grid;place-items:center;cursor:pointer}.gpc-send .gp-ico{width:17px;height:17px}
.gpc-footline{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:6px}
.gpc-human{border:1px solid var(--gp-line);background:var(--gp-surface);color:var(--gp-ink2);font:700 .74rem var(--gp-body);padding:5px 9px;border-radius:99px;cursor:pointer;display:inline-flex;gap:5px;align-items:center}.gpc-human .gp-ico{width:13px;height:13px}
.gpc-aisugg{display:flex;flex-wrap:wrap;gap:6px}.gpc-aisugg button{border:1px solid var(--gp-line);background:var(--gp-surface);color:var(--gp-ink2);font:600 .76rem var(--gp-body);padding:6px 10px;border-radius:99px;cursor:pointer}
.gpc-src{font-size:.7rem;color:var(--gp-mute);padding:0 4px}.gpc-src a{color:var(--gp-cyan)}
.gpc-search{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:12px;border:1px solid var(--gp-line2);background:var(--gp-surface)}.gpc-search input{flex:1;border:0;background:none;color:var(--gp-ink);font:inherit;font-size:.9rem;outline:0}.gpc-search .gp-ico{width:16px;height:16px;color:var(--gp-mute)}
.gpc-help{display:flex;flex-direction:column;gap:6px}.gpc-h{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:12px;border:1px solid var(--gp-line);background:var(--gp-surface);color:var(--gp-ink);text-decoration:none}.gpc-h b{font-size:.86rem}.gpc-h small{font-size:.76rem;color:var(--gp-mute)}.gpc-h em{font-size:.62rem;color:var(--gp-cyan);font-style:normal}
.gpc-link{font-size:.8rem;color:var(--gp-cyan);text-decoration:none;font-weight:700}
@media(max-width:640px){
  .gpc-panel{left:8px;right:8px;width:auto;bottom:calc(72px + env(safe-area-inset-bottom));height:min(66vh,560px);border-radius:18px}
  .gpc-panel.lifted{bottom:calc(140px + env(safe-area-inset-bottom));height:min(58vh,520px)}
  .sup-btn{right:12px;bottom:calc(76px + env(safe-area-inset-bottom))}.sup-btn.lifted{bottom:calc(150px + env(safe-area-inset-bottom))}
  .gpc-toast{bottom:calc(130px + env(safe-area-inset-bottom))}
  .gpc-cards{grid-template-columns:1fr 1fr}
}
html[data-theme=light] .gpc-panel,html[data-theme=light] .gpc-toast{background:#fff}
@media(prefers-reduced-motion:reduce){.gpc-typing i{animation:none}}
/* ---- V8.5 Special Deals tiles ---- */
.gp-sd{flex:0 0 232px;scroll-snap-align:start;display:flex;flex-direction:column;gap:6px;padding:10px;border-radius:16px;background:var(--gp-surface);border:1px solid var(--gp-line)}
.gp-sd .face{position:relative;display:block;aspect-ratio:8/5;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,var(--bc),#0b1020);display:grid;place-items:center}
.gp-sd .face img{max-width:60%;max-height:52%;object-fit:contain;filter:drop-shadow(0 6px 14px rgba(0,0,0,.4))}
.gp-sd .face .val{position:absolute;right:10px;bottom:8px;font:800 1.15rem var(--gp-display);color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.6)}
.gp-sd .face .pct{position:absolute;left:8px;top:8px;background:var(--gp-gold);color:#151515;font:800 .68rem var(--gp-body);padding:3px 8px;border-radius:99px}
.gp-sd .nm{display:flex;flex-direction:column}.gp-sd .nm b{font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gp-sd .nm small{font-size:.72rem;color:var(--gp-mute)}
.gp-sd .pr{display:flex;align-items:baseline;gap:8px}.gp-sd .pr s{color:var(--gp-mute);font-size:.8rem}.gp-sd .pr b{font:800 1.25rem var(--gp-display);color:#fff}
.gp-sd .sv{font-size:.72rem;color:#2FE6A6;font-weight:600}
.gp-sd form{margin-top:4px}.gp-sd .gp-btn{width:100%;justify-content:center}
.gp-sdgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin-top:18px}.gp-sdgrid .gp-sd{flex:none}
.gp-sdnote{margin:0 0 16px;padding:12px 14px;border-radius:12px;border:1px solid rgba(245,196,81,.45);background:rgba(245,196,81,.08);font-size:.88rem;line-height:1.5}
html[data-theme=light] .gp-sd .pr b{color:var(--gp-ink)}
/* ---- presence dots + Live Messages inbox ---- */
/* ---- V8.5b Special Deals: head, timer, art tiles; messenger sizing ---- */
.gp-sdhead{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:16px}.gp-sdhead>div:first-child{flex:1;min-width:240px}
.gp-sdhead h2{margin:6px 0 4px;font-size:clamp(1.3rem,2.2vw,1.7rem)}.gp-sdhead p{margin:0;color:var(--gp-mute)}
.gp-sdflash{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:99px;background:rgba(245,196,81,.14);color:var(--gp-gold);font:800 .72rem var(--gp-body);letter-spacing:.06em;text-transform:uppercase}
.gp-sdtimer{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 14px;border-radius:14px;background:var(--gp-bg2);border:1px solid var(--gp-line2)}
.gp-sdtimer>span{font:700 .68rem var(--gp-body);letter-spacing:.08em;text-transform:uppercase;color:var(--gp-mute)}
.gp-sdtimer b{display:flex;gap:6px}.gp-sdtimer b i{display:flex;flex-direction:column;align-items:center;min-width:44px;padding:6px 4px 4px;border-radius:9px;background:#0d1220;border:1px solid var(--gp-line);font:800 1.15rem var(--gp-mono);color:#fff;font-style:normal;line-height:1}
.gp-sdtimer b i u{text-decoration:none;font:600 .56rem var(--gp-body);color:var(--gp-mute);margin-top:3px;letter-spacing:.06em;text-transform:uppercase}
.gp-sdtimer small{font-size:.64rem;color:var(--gp-mute2)}
.gp-sd{flex:0 0 240px}.gp-sd .face{aspect-ratio:16/10;background:#0b1020}.gp-sd .face.art img{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:cover;filter:none}
.gp-sd .face .mark{width:64%;height:56%;border-radius:12px;background:#fff;display:grid;place-items:center;box-shadow:0 10px 24px rgba(0,0,0,.45)}.gp-sd .face .mark img{max-width:80%;max-height:70%;object-fit:contain;filter:none}
.gp-sd .face .val{right:10px;bottom:8px}.gp-sd .face .pct{left:8px;top:8px;background:#E53935;color:#fff}
.gp-sd .face .ltd{position:absolute;right:8px;top:8px;background:rgba(0,0,0,.55);color:#fff;font:700 .6rem var(--gp-body);padding:3px 7px;border-radius:99px;letter-spacing:.04em;text-transform:uppercase;backdrop-filter:blur(4px)}
.gp-sd .pr{flex-direction:row;gap:8px}.gp-sd .pr b{font-size:1.35rem}.gp-sd .pr s{font-size:.82rem}
.gp-sd .sv{color:#2FE6A6;font-size:.8rem;font-weight:700}
@media(max-width:640px){.gp-sdhead{gap:12px}.gp-sdtimer{width:100%;flex-direction:row;justify-content:space-between}.gp-sdtimer small{display:none}}
.gpc-panel{width:420px;height:min(680px,calc(100dvh - 112px));bottom:88px;border-radius:22px}
.gpc-panel.lifted{bottom:160px;height:min(620px,calc(100vh - 190px))}
@media(max-width:640px){.gpc-panel{left:0;right:0;width:100%;height:calc(100% - 56px);bottom:0;border-radius:18px 18px 0 0;border-bottom:0}.gpc-panel.lifted{bottom:0;height:calc(100% - 56px)}}

/* ============================================================
   V8.7 — presence dots + admin support workspace (.gp-chat-admin)
   ============================================================ */
.pd{display:inline-block;width:9px;height:9px;border-radius:50%;background:#6b7280;vertical-align:middle;margin-right:4px}.pd.online{background:#00B67A;box-shadow:0 0 0 3px rgba(0,182,122,.2)}.pd.away{background:#F5C451}
.gp-chat-admin{--lm-bg:#080E1B;--lm-panel:#101A2C;--lm-el:#152138;--lm-line:#25334D;--lm-ink:#F4F7FC;--lm-ink2:#A5B3C9;--lm-p:#7558F5;--lm-cyan:#25C9DE;color:var(--lm-ink)}
.lm{display:grid;grid-template-columns:300px minmax(440px,1fr) 310px;gap:14px;height:calc(100dvh - 190px);min-height:520px}
.lm-side,.lm-main,.lm-ctx{background:var(--lm-panel);border:1px solid var(--lm-line);border-radius:18px;min-height:0;display:flex;flex-direction:column;overflow:hidden}
.lm-h{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:14px 14px 8px}.lm-title{font-size:1.25rem}.lm-h small{display:block;font-size:.74rem}
.lm-ib{width:36px;height:36px;border-radius:10px;border:1px solid var(--lm-line);background:var(--lm-el);color:var(--lm-ink2);cursor:pointer;display:grid;place-items:center;font-size:1rem}
.lm-search{display:flex;align-items:center;gap:8px;margin:0 12px 8px;padding:8px 12px;border-radius:12px;background:var(--lm-el);border:1px solid var(--lm-line)}.lm-search input{flex:1;border:0;background:none;color:var(--lm-ink);font:inherit;font-size:.9rem;outline:0}
.lm-tabs{display:flex;gap:6px;padding:0 12px 8px}.lm-tabs button{flex:1;border:1px solid var(--lm-line);background:var(--lm-el);color:var(--lm-ink2);font:600 .8rem var(--gp-body);padding:8px 6px;border-radius:10px;cursor:pointer;display:flex;justify-content:center;gap:6px;align-items:center}.lm-tabs button.on{background:rgba(117,88,245,.18);border-color:var(--lm-p);color:var(--lm-ink)}.lm-tabs button i{font-style:normal;min-width:18px;height:18px;padding:0 5px;border-radius:99px;background:var(--lm-p);color:#fff;font-size:.66rem;display:none;place-items:center}.lm-tabs button i:not(:empty){display:grid}
.lm-filters2{display:flex;gap:6px;padding:0 12px 10px}.lm-filters2 select{flex:1;min-width:0;font-size:.76rem;padding:6px 8px;border-radius:9px;background:var(--lm-el);border:1px solid var(--lm-line);color:var(--lm-ink2)}
.lm-list{flex:1;min-height:0;overflow-y:auto;padding:0 8px 8px;display:flex;flex-direction:column;gap:4px}
.lm-row{position:relative;display:flex;gap:10px;align-items:flex-start;width:100%;text-align:left;padding:10px;border-radius:14px;border:1px solid transparent;background:none;color:var(--lm-ink);cursor:pointer;font:inherit}.lm-row:hover{background:var(--lm-el)}.lm-row.on{background:var(--lm-el);border-color:var(--lm-p)}.lm-row.unread b{color:#fff}
.lm-row>.pd{position:absolute;left:38px;top:38px;width:10px;height:10px;box-shadow:0 0 0 2px var(--lm-panel)}
.lm-av{flex:0 0 40px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font:800 .82rem var(--gp-body);color:#fff;background:hsl(var(--h,250) 60% 45%)}.lm-av.lg{width:52px;height:52px;flex-basis:52px;font-size:1rem}
.lm-row .t{display:flex;flex-direction:column;min-width:0;flex:1;gap:2px}.lm-row b{font-size:.9rem;display:flex;justify-content:space-between;align-items:center;gap:6px}.lm-row b time{font-size:.68rem;color:var(--lm-ink2);font-weight:500}.lm-row small{font-size:.78rem;color:var(--lm-ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lm-rowmeta{display:flex;align-items:center;gap:6px;font-size:.68rem;color:var(--lm-ink2);font-style:normal;flex-wrap:wrap}.lm-rowmeta u{margin-left:auto;text-decoration:none;min-width:20px;height:20px;padding:0 6px;border-radius:99px;background:#E53935;color:#fff;font-weight:800;display:grid;place-items:center}
.lm-pill{font-style:normal;font-size:.64rem;font-weight:700;padding:2px 7px;border-radius:99px;background:var(--lm-el);border:1px solid var(--lm-line);color:var(--lm-ink2)}.lm-pill.ok{color:#2FE6A6;border-color:rgba(47,230,166,.35)}.lm-pill.warn{color:#FF8A80;border-color:rgba(255,138,128,.35)}.lm-pill.amber{color:#F5C451;border-color:rgba(245,196,81,.35)}.lm-pill.info{color:var(--lm-cyan);border-color:rgba(37,201,222,.35)}.lm-pill.danger{color:#FF6B6B;border-color:rgba(255,107,107,.45)}
.lm-prio{font-style:normal;color:#F5C451;font-weight:900}
.lm-user{cursor:default;align-items:center}.lm-ubtns{display:flex;gap:4px;flex-direction:column}
.lm-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;flex:1;text-align:center;padding:24px}
.lm-thread{display:flex;flex-direction:column;flex:1;min-height:0}
.lm-th{display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid var(--lm-line)}.lm-who{flex:1;min-width:0}.lm-who b{display:flex;align-items:center;gap:8px;font-size:1rem;flex-wrap:wrap}.lm-who small{display:block;font-size:.76rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lm-pres{font-size:.66rem;font-weight:700;padding:2px 8px;border-radius:99px;background:var(--lm-el);border:1px solid var(--lm-line);color:var(--lm-ink2)}.lm-pres.online{color:#2FE6A6;border-color:rgba(47,230,166,.4)}.lm-pres.online::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#00B67A;margin-right:5px}
.lm-acts{display:flex;gap:6px;align-items:center}.lm-acts select{width:auto;font-size:.78rem;padding:7px 8px;border-radius:9px;background:var(--lm-el);border:1px solid var(--lm-line);color:var(--lm-ink)}
.lm-back{display:none}
.lm-order{display:flex;align-items:center;gap:10px;margin:10px 14px 0;padding:10px 12px;border-radius:12px;background:var(--lm-el);border:1px solid var(--lm-line);font-size:.8rem;color:var(--lm-ink2);flex-wrap:wrap}.lm-order b{color:var(--lm-ink)}.lm-order a{margin-left:auto;color:var(--lm-cyan);font-weight:700;text-decoration:none}
.lm-msgs{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding:14px}
.lm-day{align-self:center;font-size:.66rem;color:var(--lm-ink2);padding:6px 0}.lm-day span{padding:3px 10px;border-radius:99px;background:var(--lm-el);border:1px solid var(--lm-line)}
.lm-sys{align-self:center;font-size:.74rem;color:var(--lm-ink2);text-align:center;padding:4px 0}
.lm-m{max-width:76%;display:flex;flex-direction:column;gap:2px;position:relative}.lm-m .who{font-size:.68rem;color:var(--lm-ink2);padding:6px 4px 0}.lm-m.grp{margin-top:-2px}
.lm-m .b{padding:10px 14px;border-radius:16px;background:var(--lm-el);border:1px solid var(--lm-line);font-size:.9rem;line-height:1.5;word-break:break-word;white-space:pre-wrap}.lm-m.them .b{border-bottom-left-radius:6px}
.lm-m.me{align-self:flex-end;align-items:flex-end}.lm-m.me .b{background:var(--lm-p);border-color:transparent;color:#fff;border-bottom-right-radius:6px}
.lm-m.note{align-self:flex-end;align-items:flex-end}.lm-m.note .b{background:rgba(245,196,81,.12);border-color:rgba(245,196,81,.5);border-left:3px solid #F5C451}.lm-m.note .who{color:#F5C451}
.lm-m.pinned .b{box-shadow:0 0 0 2px rgba(37,201,222,.5)}
.lm-mtools{display:flex;gap:4px;align-items:center;font-size:.62rem;color:var(--lm-ink2);padding:0 4px}.lm-mtools button{border:0;background:none;color:var(--lm-ink2);cursor:pointer;opacity:0;font-size:.8rem;padding:0 2px}.lm-m:hover .lm-mtools button,.lm-mtools button:focus{opacity:1}
.lm-att-img img{max-width:240px;max-height:200px;border-radius:10px;display:block;margin-top:6px}.lm-att-file{display:inline-flex;gap:6px;align-items:center;margin-top:6px;padding:8px 10px;border-radius:10px;background:rgba(0,0,0,.2);color:inherit;text-decoration:none;font-size:.8rem}.lm-att-file span{opacity:.7}
.lm-typing{padding:0 14px 4px}
.lm-compose{border-top:1px solid var(--lm-line);padding:10px 14px 12px;display:flex;flex-direction:column;gap:8px;background:var(--lm-panel)}.lm-compose.note{background:rgba(245,196,81,.05)}
.lm-ctabs{display:flex;gap:4px;border-bottom:1px solid var(--lm-line)}.lm-ctabs button{border:0;background:none;color:var(--lm-ink2);font:700 .8rem var(--gp-body);padding:8px 12px;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.lm-ctabs button.on{color:var(--lm-ink);border-bottom-color:var(--lm-p)}
.lm-compose textarea{width:100%;resize:none;min-height:56px;max-height:220px;padding:10px 12px;border-radius:12px;background:var(--lm-el);border:1px solid var(--lm-line);color:var(--lm-ink);font:inherit;font-size:.92rem;line-height:1.45}.lm-compose textarea:focus{outline:2px solid var(--lm-p);outline-offset:1px}
.lm-cbtns{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.lm-cbtns .lm-canned{width:auto;max-width:240px;font-size:.78rem;margin-left:auto}.lm-cbtns #lmSend{min-width:110px;justify-content:center}.lm-cbtns #lmSend:disabled{opacity:.45;cursor:not-allowed}
.lm-attach{display:flex;flex-wrap:wrap;gap:6px}.lm-attach:empty{display:none}.lm-chip{font-size:.74rem;padding:4px 10px;border-radius:99px;background:var(--lm-el);border:1px solid var(--lm-line);display:inline-flex;gap:6px;align-items:center}.lm-chip.err{border-color:#FF6B6B;color:#FF6B6B}.lm-chip button{border:0;background:none;color:inherit;cursor:pointer}
.lm-danger{background:rgba(229,57,53,.12)!important;border:1px solid rgba(229,57,53,.6)!important;color:#FF8A80!important}
.lm-ctx-head{display:flex;align-items:center;gap:10px;padding:14px;border-bottom:1px solid var(--lm-line)}.lm-ctx-head>div{flex:1;min-width:0}.lm-ctx-head b{display:block;font-size:.98rem}.lm-ctx-head small{display:block;font-size:.74rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lm-ctx-close{display:none}
.lm-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:12px 12px 0}.lm-stats div{background:var(--lm-el);border:1px solid var(--lm-line);border-radius:12px;padding:10px 6px;text-align:center;min-width:0}.lm-stats b{display:block;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lm-stats small{font-size:.64rem;color:var(--lm-ink2)}
.lm-ctabs2{padding:0 12px;margin-top:10px}.lm-ctabs2 button{flex:1;padding:8px 4px;font-size:.76rem}
.lm-ctx-body{flex:1;min-height:0;overflow-y:auto;padding:12px;font-size:.84rem}
.lm-dl{display:grid;grid-template-columns:auto 1fr;gap:6px 10px;margin:0 0 10px;font-size:.8rem}.lm-dl dt{color:var(--lm-ink2)}.lm-dl dd{margin:0;word-break:break-word}
.lm-timeline{list-style:none;margin:8px 0;padding:0 0 0 6px;border-left:2px solid var(--lm-line)}.lm-timeline li{position:relative;padding:0 0 12px 14px}.lm-timeline li i{position:absolute;left:-7px;top:4px;width:10px;height:10px;border-radius:50%;background:var(--lm-cyan)}.lm-timeline li.orders i{background:#2FE6A6}.lm-timeline li.moderation i,.lm-timeline li.access i{background:#FF6B6B}.lm-timeline li.wallet i{background:#F5C451}.lm-timeline li.browsing i{background:#6b7280}.lm-timeline b{display:block;font-size:.8rem;font-weight:600}.lm-timeline small{color:var(--lm-ink2);font-size:.68rem}
.lm-actfilter select{width:100%;font-size:.78rem;padding:6px 8px;border-radius:9px;background:var(--lm-el);border:1px solid var(--lm-line);color:var(--lm-ink2)}
.lm-ordcard{display:flex;flex-wrap:wrap;gap:6px 10px;padding:10px;border-radius:12px;background:var(--lm-el);border:1px solid var(--lm-line);margin-bottom:8px}.lm-ordcard>div:first-child{flex:1;min-width:0;display:flex;flex-direction:column}.lm-ordcard small{font-size:.7rem;color:var(--lm-ink2)}.lm-ordright{display:flex;flex-direction:column;align-items:flex-end;gap:3px}.lm-ordacts{width:100%;display:flex;gap:8px;font-size:.72rem}.lm-ordacts a,.lm-ordacts button{border:0;background:none;color:var(--lm-cyan);cursor:pointer;font:700 .72rem var(--gp-body);padding:0;text-decoration:none}
.lm-modal{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.55);display:grid;place-items:center;padding:16px}.lm-modal[hidden]{display:none}.lm-modal-box{width:min(520px,100%);background:var(--lm-panel,#101A2C);border:1px solid var(--lm-line,#25334D);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:6px;color:#F4F7FC}
.lm-ures{display:flex;flex-direction:column;gap:2px}.lm-ures button{text-align:left;background:none;border:1px solid var(--lm-line,#25334D);color:inherit;padding:6px 8px;border-radius:8px;cursor:pointer;font-size:.82rem}
@media(max-width:1180px){.lm{grid-template-columns:300px 1fr}.lm-ctx{position:fixed;right:0;top:0;bottom:0;width:min(340px,92vw);z-index:120;border-radius:18px 0 0 18px;transform:translateX(100%);transition:transform .2s}.lm.ctx-open .lm-ctx{transform:none}.lm-ctx-close{display:grid}}
@media(max-width:820px){.lm{grid-template-columns:1fr;height:calc(100dvh - 150px)}.lm-side{display:flex}.lm-main{display:none}.lm.has-conv .lm-side{display:none}.lm.has-conv .lm-main{display:flex}.lm-back{display:grid}.lm-acts select{max-width:110px}}
@media(prefers-reduced-motion:reduce){.lm-ctx{transition:none}}

/* V8.7 widget: bottom navigation, order strip, restricted state */
.gpc-tabs{order:3;border-bottom:0;border-top:1px solid var(--gp-line);background:var(--gp-bg2)}.gpc-tabs button{padding:8px 4px 10px;min-height:52px}
.gpc-body{order:1}.gpc-foot{order:2}
.gpc-order{display:flex;align-items:center;gap:10px;margin:0 12px 8px;padding:10px 12px;border-radius:14px;background:var(--gp-surface);border:1px solid var(--gp-line);font-size:.78rem}.gpc-order .gpc-oi{width:34px;height:34px;border-radius:9px;background:#fff;display:grid;place-items:center;color:#111;font-weight:900}.gpc-order b{display:block;font-size:.84rem}.gpc-order em{font-style:normal;font-size:.62rem;padding:2px 7px;border-radius:99px;border:1px solid rgba(245,196,81,.5);color:var(--gp-gold);margin-left:auto;white-space:nowrap}.gpc-order a{color:var(--gp-cyan);font-weight:700;text-decoration:none;font-size:.72rem;white-space:nowrap}
.gpc-restricted{margin:8px 0 0;padding:10px 12px;border-radius:12px;background:rgba(229,57,53,.08);border:1px solid rgba(229,57,53,.35);font-size:.78rem;color:var(--gp-ink2)}
.gpc-m.them .who .gpc-agent{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--gp-violet);color:#fff;font-size:.56rem;font-weight:800;margin-right:4px}
.gpc-compose textarea{font-size:16px}
@media(max-width:640px){.gpc-panel{height:calc(100dvh - 12px);bottom:0;border-radius:20px 20px 0 0}.gpc-panel.lifted{height:calc(100dvh - 12px)}}
/* ---- V8.8 analytics: traffic & conversions ---- */
.an-traffic{margin:16px 0}
.an-live{display:flex;align-items:center;gap:8px;font-size:.84rem;color:var(--gp-ink2,#A5B3C9);margin-bottom:12px}.an-live i{width:9px;height:9px;border-radius:50%;background:#00B67A;box-shadow:0 0 0 3px rgba(0,182,122,.25);animation:anPulse 1.6s infinite}@keyframes anPulse{50%{box-shadow:0 0 0 7px rgba(0,182,122,0)}}
.an-ch{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;flex-wrap:wrap}.an-ch>div:first-child b{display:block;font-size:1.05rem}.an-ch>div:first-child small{display:block;color:var(--gp-mute,#8a94a6);font-size:.76rem;margin-top:2px}
.an-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.an-kpis>div{background:var(--gp-surface,#141a26);border:1px solid var(--gp-line,#22293a);border-radius:14px;padding:14px 16px}.an-kpis small{display:block;color:var(--gp-mute,#8a94a6);font-size:.74rem}.an-kpis b{display:block;font-size:1.5rem;margin-top:4px}.an-kpis em{display:block;font-style:normal;font-size:.7rem;color:var(--gp-mute,#8a94a6)}
.an-grid2{display:grid;grid-template-columns:1.25fr 1fr;gap:14px}.an-card{background:var(--gp-surface,#141a26);border:1px solid var(--gp-line,#22293a);border-radius:16px;padding:16px}
.an-map{width:100%;height:auto;background:rgba(0,0,0,.18);border-radius:12px;margin-bottom:10px}.an-map path:hover{stroke:#F5C451;stroke-width:1.2}
.an-ctable td,.an-ctable th{font-size:.82rem}.an-bar{display:inline-block;width:80px;height:6px;border-radius:99px;background:rgba(255,255,255,.08);vertical-align:middle;overflow:hidden}.an-bar i{display:block;height:100%;background:#F5C451}
.an-funnel{list-style:none;margin:0;padding:0;position:relative}.an-funnel li{display:flex;gap:12px;align-items:center;padding:8px 0;position:relative}.an-funnel li+li::before{content:'';position:absolute;left:15px;top:-14px;width:2px;height:18px;background:var(--gp-line,#22293a)}.an-funnel .n{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:rgba(124,92,255,.2);color:#B9A7FF;font-weight:800;font-size:.82rem;flex:none}.an-funnel li.ok .n{background:rgba(0,182,122,.2);color:#2FE6A6}.an-funnel b{display:block;font-size:1.1rem}.an-funnel small{color:var(--gp-mute,#8a94a6);font-size:.74rem}
.an-overall{display:flex;align-items:baseline;gap:10px;margin-top:10px;padding-top:10px;border-top:1px solid var(--gp-line,#22293a);font-size:.84rem}.an-overall b{font-size:1.4rem;color:#F5C451}.an-overall small{color:var(--gp-mute,#8a94a6)}
.an-heat{display:flex;flex-direction:column;gap:3px;overflow-x:auto}.an-heat-row{display:grid;grid-template-columns:36px repeat(24,1fr);gap:3px;align-items:center}.an-heat-row span{font-size:.7rem;color:var(--gp-mute,#8a94a6)}.an-heat-row i{display:block;height:16px;border-radius:4px;font-style:normal;font-size:.62rem;color:var(--gp-mute,#8a94a6);text-align:center}.an-heat-head i{background:none!important;height:auto}
@media(max-width:1000px){.an-grid2{grid-template-columns:1fr}.an-kpis{grid-template-columns:repeat(2,1fr)}}
.lm-metrics{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:0 0 12px}.lm-metrics div{background:#101A2C;border:1px solid #25334D;border-radius:12px;padding:10px 12px}.lm-metrics b{display:block;font-size:1.2rem;color:#F4F7FC}.lm-metrics small{font-size:.7rem;color:#A5B3C9}
@media(max-width:820px){.lm-metrics{grid-template-columns:repeat(3,1fr)}}
.lm{height:calc(100dvh - 260px)}
/* ---- V9.2 wallet + deposit ---- */
.wal{padding-top:18px}.wal-head h1{margin:0 0 2px}.wal-head p{margin:0 0 14px}
.wal-strip{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;background:rgba(245,196,81,.1);border:1px solid rgba(245,196,81,.4);margin:0 0 12px;font-size:.88rem}
.wal-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:16px;margin-bottom:18px}
.wal-balance{position:relative;padding:22px;border-radius:20px;background:linear-gradient(160deg,rgba(124,92,255,.26),rgba(245,196,81,.07) 55%,rgba(124,92,255,.08));border:1px solid rgba(124,92,255,.35)}
.wal-bt{display:flex;justify-content:space-between;align-items:center;color:var(--gp-mute);font-size:.82rem}.wal-eye{width:32px;height:32px;border-radius:9px;border:1px solid var(--gp-line);background:var(--gp-surface);color:var(--gp-ink2);cursor:pointer;display:grid;place-items:center}.wal-eye .gp-ico{width:16px;height:16px}
.wal-total{font:800 2.4rem var(--gp-display);font-variant-numeric:tabular-nums;margin:6px 0 12px;color:#fff}
.wal-split{display:grid;grid-template-columns:1fr 1fr;gap:10px}.wal-split>div{background:rgba(0,0,0,.18);border:1px solid var(--gp-line);border-radius:12px;padding:10px 12px}.wal-split small{display:block;color:var(--gp-mute);font-size:.72rem}.wal-split b{font-size:1.05rem;font-variant-numeric:tabular-nums}
.wal-pending{display:flex;justify-content:space-between;align-items:center;margin:10px 0;font-size:.84rem;color:var(--gp-ink2)}.wal-pending .gp-ico{width:14px;height:14px;vertical-align:-2px}.wal-pending a{color:var(--gp-cyan);font-weight:700;text-decoration:none;font-size:.78rem}
.wal-btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}.wal-btns .gp-btn{flex:1;justify-content:center;min-width:180px}.wal-5{font-style:normal;background:#00B67A;color:#fff;font-size:.62rem;font-weight:800;padding:2px 7px;border-radius:99px;margin-left:6px}
.wal-more{margin-top:12px;font-size:.8rem;color:var(--gp-ink2)}.wal-more summary{cursor:pointer;color:var(--gp-cyan);font-weight:700}.wal-more ul{margin:8px 0 0;padding-left:18px;line-height:1.5}
.wal-shop{display:inline-flex;gap:6px;align-items:center;margin-top:14px;color:var(--gp-gold);font-weight:700;text-decoration:none;font-size:.86rem}.wal-shop .gp-ico{width:15px;height:15px}
.wal-topup{padding:22px;border-radius:20px;background:var(--gp-surface);border:1px solid var(--gp-line)}.wal-topup h2{margin:0 0 4px;font-size:1.15rem;display:flex;gap:8px;align-items:center}.wal-topup h2 .gp-ico{width:18px;height:18px;color:var(--gp-gold)}
.wal-amt{position:relative;margin:12px 0 10px}.wal-amt input{width:100%;font:800 1.5rem var(--gp-display);padding:12px 60px 12px 14px;border-radius:12px;border:1px solid var(--gp-line2);background:var(--gp-bg2);color:#fff}.wal-amt span{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--gp-mute);font-weight:700}
.wal-presets{display:flex;gap:8px;margin-bottom:12px}.wal-presets button{flex:1;padding:9px;border-radius:10px;border:1px solid var(--gp-line);background:var(--gp-bg2);color:var(--gp-ink2);font:700 .9rem var(--gp-body);cursor:pointer}.wal-presets button.on{border-color:var(--gp-violet);color:#fff;background:rgba(124,92,255,.18)}
.wal-topup .gp-btn.block{width:100%;justify-content:center}.wal-topup .gp-btn.lg{padding:14px;font-size:1rem}
.wal-coins{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:12px}.wal-coins i{display:inline-flex;gap:4px;align-items:center;font-style:normal;font-size:.72rem;font-weight:700;padding:4px 9px;border-radius:99px;background:var(--gp-bg2);border:1px solid var(--gp-line)}.wal-coins i .gp-ico{width:13px;height:13px}.wal-coins a{font-size:.74rem;color:var(--gp-cyan);text-decoration:none;font-weight:700}
.wal-activity{padding:20px 22px;border-radius:20px;background:var(--gp-surface);border:1px solid var(--gp-line)}.wal-ah{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}.wal-ah h2{margin:0;font-size:1.15rem}
.wal-filters{display:flex;gap:4px;background:var(--gp-bg2);padding:4px;border-radius:99px}.wal-filters button{border:0;background:none;color:var(--gp-mute);font:700 .78rem var(--gp-body);padding:6px 12px;border-radius:99px;cursor:pointer}.wal-filters button.on{background:var(--gp-surface);color:#fff}
.wal-row{display:grid;grid-template-columns:38px 1fr 150px 100px 110px;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--gp-line)}.wal-row.more{display:none}.wal-row .ic{width:38px;height:38px;border-radius:11px;background:var(--gp-bg2);display:grid;place-items:center;color:var(--gp-cyan)}.wal-row .ic .gp-ico{width:17px;height:17px}.wal-row .t b{display:block;font-size:.9rem}.wal-row .t small{color:var(--gp-mute);font-size:.72rem;word-break:break-all}.wal-row time{font-size:.78rem;color:var(--gp-mute)}
.wal-row .st{font-style:normal;font-size:.68rem;font-weight:700;padding:3px 9px;border-radius:99px;text-align:center;background:var(--gp-bg2);border:1px solid var(--gp-line);color:var(--gp-ink2)}.wal-row .st.completed{color:#2FE6A6}.wal-row .st.processing{color:var(--gp-gold)}.wal-row .st.on-hold{color:#FF8A80}
.wal-row .amt{text-align:right;font-variant-numeric:tabular-nums}.wal-row .amt.in{color:#2FE6A6}.wal-row .amt.out{color:#fff}
.wal-empty{text-align:center;padding:26px;color:var(--gp-ink2)}.wal-empty .gp-ico{width:36px;height:36px;color:var(--gp-mute)}.wal-empty b{display:block;margin-top:8px}
#walMore{margin-top:12px}
@media(max-width:820px){.wal-grid{grid-template-columns:1fr}.wal-row{grid-template-columns:38px 1fr auto;grid-template-areas:"ic t amt" "ic meta meta"}.wal-row .ic{grid-area:ic}.wal-row .t{grid-area:t}.wal-row .amt{grid-area:amt}.wal-row time{grid-area:meta;display:inline}.wal-row .st{grid-area:meta;justify-self:end}}
.dep-page{padding-top:18px;max-width:720px}.dep-card{padding:24px;border-radius:20px;background:var(--gp-surface);border:1px solid var(--gp-line)}
.dep-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.dep-head h1{margin:2px 0 4px;font-size:1.6rem}.dep-head p{margin:0}.dep-amt{text-align:right}.dep-amt b{display:block;font:800 2rem var(--gp-display);color:var(--gp-gold)}.dep-amt small{color:var(--gp-mute)}
.dep-steps{list-style:none;margin:18px 0;padding:0;display:flex;flex-direction:column;gap:10px}.dep-steps li{display:grid;grid-template-columns:22px 1fr;gap:4px 12px;align-items:center;padding:10px 12px;border-radius:12px;background:var(--gp-bg2);border:1px solid var(--gp-line);opacity:.55}.dep-steps li.on,.dep-steps li.done{opacity:1}.dep-steps li i{grid-row:span 2;width:18px;height:18px;border-radius:50%;border:2px solid var(--gp-line2)}.dep-steps li.on i{border-color:var(--gp-gold);box-shadow:0 0 0 4px rgba(245,196,81,.2);animation:gpcDot 1.2s infinite}.dep-steps li.done i{background:#00B67A;border-color:#00B67A}.dep-steps b{font-size:.92rem}.dep-steps small{color:var(--gp-mute);font-size:.76rem}
.dep-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:6px 0 10px}.dep-actions .gp-btn.lg{padding:14px 22px;font-size:1rem}.dep-actions form{display:inline}
.gp-footer-compact{padding:18px 0}.gp-footer-compact .cf{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;justify-content:space-between;font-size:.8rem}.gp-footer-compact .brand{display:inline-flex;gap:8px;align-items:center;text-decoration:none;color:#fff;font-weight:800}.gp-footer-compact .brand span{color:var(--gp-violet)}.gp-footer-compact nav{display:flex;gap:14px;flex-wrap:wrap}.gp-footer-compact nav a{color:var(--gp-ink2);text-decoration:none}.gp-footer-compact .fine{color:var(--gp-mute)}
/* ---- V9.6 withdraw: bank-only page link + crypto page ---- */
.fin-grid1{grid-template-columns:1fr!important;max-width:760px}
.fin-crypto-link{display:flex;gap:14px;align-items:center;padding:16px 18px;border-radius:16px;background:var(--gp-surface);border:1px solid var(--gp-line);color:var(--gp-ink);text-decoration:none;margin-top:14px;transition:border-color .2s,transform .2s}.fin-crypto-link:hover{border-color:var(--gp-violet);transform:translateY(-2px)}.fin-crypto-link .ic{width:44px;height:44px;border-radius:12px;background:rgba(245,196,81,.14);color:var(--gp-gold);display:grid;place-items:center;flex:none}.fin-crypto-link .ic .gp-ico{width:22px;height:22px}.fin-crypto-link>span:nth-child(2){flex:1}.fin-crypto-link b{display:block;font-size:1rem}.fin-crypto-link small{color:var(--gp-mute);font-size:.8rem}.fin-crypto-link>.gp-ico{width:18px;height:18px;color:var(--gp-mute)}
.wc{padding-top:18px}.wc-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:center;padding:26px;border-radius:22px;background:linear-gradient(135deg,rgba(124,92,255,.22),rgba(245,196,81,.08) 60%,var(--gp-surface));border:1px solid rgba(124,92,255,.35);margin-bottom:18px}.wc-hero h1{margin:10px 0 6px;font-size:clamp(1.5rem,2.6vw,2.1rem)}
.wc-stats{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.wc-stats div{background:rgba(0,0,0,.2);border:1px solid var(--gp-line);border-radius:12px;padding:10px 14px;min-width:130px}.wc-stats small{display:block;color:var(--gp-mute);font-size:.7rem}.wc-stats b{font-size:1.15rem}
.wc-anim{position:relative;display:flex;align-items:center;justify-content:center;gap:0;min-height:150px}.wc-anim .wc-src,.wc-anim .wc-dst{width:72px;height:72px;border-radius:20px;display:grid;place-items:center;background:var(--gp-bg2);border:1px solid var(--gp-line2);color:var(--gp-cyan);box-shadow:0 12px 30px rgba(0,0,0,.4);position:relative;z-index:2}.wc-anim .wc-dst{color:var(--gp-gold);animation:wcPulse 2.4s infinite}.wc-anim .wc-src .gp-ico,.wc-anim .wc-dst .gp-ico{width:32px;height:32px}
.wc-path{position:relative;width:150px;height:3px;background:linear-gradient(90deg,rgba(34,211,238,.15),rgba(245,196,81,.15));border-radius:99px;overflow:visible}.wc-path i{position:absolute;top:50%;left:0;width:11px;height:11px;margin-top:-5.5px;border-radius:50%;background:var(--gp-gold);box-shadow:0 0 12px var(--gp-gold);animation:wcFlow 2.4s linear infinite}.wc-path i:nth-child(2){animation-delay:.6s}.wc-path i:nth-child(3){animation-delay:1.2s}.wc-path i:nth-child(4){animation-delay:1.8s}
@keyframes wcFlow{0%{left:-6px;opacity:0;transform:scale(.6)}15%{opacity:1;transform:scale(1)}85%{opacity:1}100%{left:calc(100% - 6px);opacity:0;transform:scale(.6)}}@keyframes wcPulse{0%,100%{box-shadow:0 12px 30px rgba(0,0,0,.4)}50%{box-shadow:0 12px 30px rgba(0,0,0,.4),0 0 0 10px rgba(245,196,81,.12)}}
@media(prefers-reduced-motion:reduce){.wc-path i,.wc-anim .wc-dst{animation:none}}
.wc-card{padding:22px;border-radius:20px;background:var(--gp-surface);border:1px solid var(--gp-line)}.wc-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:22px}
.wc-label{display:block;font-size:.8rem;font-weight:700;color:var(--gp-ink2);margin:14px 0 6px}.wc-label:first-child{margin-top:0}
.wc-amt{position:relative}.wc-amt input,.wc-input{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--gp-line2);background:var(--gp-bg2);color:#fff;font:inherit}.wc-amt input{font:800 1.4rem var(--gp-display);padding-right:120px}.wc-amt span{position:absolute;right:70px;top:50%;transform:translateY(-50%);color:var(--gp-mute);font-weight:700}.wc-max{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:1px solid var(--gp-line);background:var(--gp-surface);color:var(--gp-cyan);font:700 .74rem var(--gp-body);padding:5px 9px;border-radius:8px;cursor:pointer}
.wc-select{position:relative}.wc-sel-btn{width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid var(--gp-line2);background:var(--gp-bg2);color:#fff;font:inherit;cursor:pointer;text-align:left}.wc-sel-btn .wc-st{flex:1}.wc-sel-btn .gp-ico:last-child{width:16px;height:16px;color:var(--gp-mute);transform:rotate(90deg)}
.wc-ci{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--c,rgba(124,92,255,.2));color:#fff;flex:none}.wc-ci .gp-ico{width:18px;height:18px}
.wc-list{position:absolute;z-index:30;left:0;right:0;top:calc(100% + 6px);max-height:320px;overflow-y:auto;list-style:none;margin:0;padding:6px;border-radius:14px;background:var(--gp-surface);border:1px solid var(--gp-line2);box-shadow:0 20px 50px rgba(0,0,0,.5)}.wc-list[hidden]{display:none}
.wc-search{display:flex;gap:8px;align-items:center;padding:6px 8px;border-bottom:1px solid var(--gp-line);margin-bottom:4px;position:sticky;top:0;background:var(--gp-surface)}.wc-search input{flex:1;border:0;background:none;color:#fff;font:inherit;outline:0}.wc-search .gp-ico{width:14px;height:14px;color:var(--gp-mute)}
.wc-list li[role=option]{display:flex;gap:10px;align-items:center;padding:8px 10px;border-radius:10px;cursor:pointer}.wc-list li[role=option]:hover,.wc-list li.on{background:rgba(124,92,255,.14)}.wc-ot{flex:1;display:flex;flex-direction:column}.wc-ot b{font-size:.9rem}.wc-ot b small{font-weight:500;color:var(--gp-mute);margin-left:4px}.wc-ot>small{font-size:.72rem;color:var(--gp-mute)}.wc-list li em{font-style:normal;font-size:.62rem;font-weight:800;padding:2px 7px;border-radius:99px;background:rgba(47,230,166,.15);color:#2FE6A6}
.wc-review{padding:16px;border-radius:16px;background:var(--gp-bg2);border:1px solid var(--gp-line);align-self:start;position:sticky;top:90px;transition:border-color .3s}.wc-review.ready{border-color:var(--gp-gold)}.wc-review h3{margin:0 0 8px;font-size:1rem}.wc-review dl{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;font-size:.84rem;margin:0 0 12px}.wc-review dt{color:var(--gp-mute)}.wc-review dd{margin:0;text-align:right;word-break:break-all}.wc-review dd.mono{font-family:var(--gp-mono);font-size:.76rem}
.wc-confirm{display:flex;gap:8px;align-items:flex-start;font-size:.78rem;color:var(--gp-ink2);margin-bottom:12px}.wc-confirm input{margin-top:2px;width:auto}.wc-review .gp-btn.block{width:100%;justify-content:center}.wc-review .gp-btn:disabled{opacity:.5;cursor:not-allowed}
.wc-done{text-align:center;padding:36px 22px}.wc-done .ok{display:inline-grid;place-items:center;width:64px;height:64px;border-radius:50%;background:rgba(47,230,166,.15);color:#2FE6A6;margin-bottom:10px}.wc-done .ok .gp-ico{width:30px;height:30px}.wc-done code{display:inline-block;margin-top:6px;font-size:.8rem;word-break:break-all;background:var(--gp-bg2);padding:6px 10px;border-radius:8px}
@media(max-width:820px){.wc-hero,.wc-grid{grid-template-columns:1fr}.wc-anim{min-height:110px}.wc-review{position:static}}
.wc-ci{position:relative}.wc-ci u{position:absolute;inset:0;display:grid;place-items:center;text-decoration:none;font:800 .8rem var(--gp-display);color:#fff;z-index:0}.wc-ci .gp-ico{position:relative;z-index:1;color:#fff;fill:currentColor}.wc-ci .gp-ico:not(:empty)+u{opacity:0}
/* ---- V9.8 admin chat: visible scrollbars, history loader ---- */
.lm-msgs,.lm-ctx-body{scrollbar-width:thin;scrollbar-color:#3A4A6A transparent}.lm-list,.lm-msgs,.lm-ctx-body{overscroll-behavior:contain}
.lm-list::-webkit-scrollbar,.lm-msgs::-webkit-scrollbar,.lm-ctx-body::-webkit-scrollbar{width:10px}
.lm-list::-webkit-scrollbar-thumb,.lm-msgs::-webkit-scrollbar-thumb,.lm-ctx-body::-webkit-scrollbar-thumb{background:#3A4A6A;border-radius:99px;border:2px solid var(--lm-panel)}
.lm-list::-webkit-scrollbar-thumb:hover,.lm-msgs::-webkit-scrollbar-thumb:hover{background:#7558F5}
.lm-older{display:flex;justify-content:center;padding:4px 0 8px}.lm-older .btn{font-size:.74rem}
.lm-older-end span{opacity:.7}
/* ---- V9.8 admin Sell Orders queue (.sq) ---- */
.sq{--sq-panel:#101A2C;--sq-el:#152138;--sq-line:#25334D;--sq-ink2:#A5B3C9}
.sq-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap}.sq-head h1{margin:0 0 6px;display:flex;align-items:center;gap:10px}.sq-head p{max-width:820px;margin:0}.sq-coin{font-size:1.4rem}
.sq-headbtns{display:flex;gap:8px;flex-wrap:wrap}
.sq-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0 12px}
.sq-tab{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:14px;border:1px solid var(--sq-line);background:var(--sq-panel);color:inherit;text-decoration:none;font-weight:700;font-size:.9rem}
.sq-tab b{min-width:22px;height:22px;padding:0 7px;border-radius:99px;background:var(--sq-el);display:grid;place-items:center;font-size:.76rem}
.sq-tab.on{border-color:#F5C451;box-shadow:0 0 0 2px rgba(245,196,81,.18);background:rgba(245,196,81,.08)}
.sq-tab.on.green{border-color:#2FE6A6;box-shadow:0 0 0 2px rgba(47,230,166,.18);background:rgba(47,230,166,.08)}
.sq-tab.on.red{border-color:#FF6B6B;box-shadow:0 0 0 2px rgba(255,107,107,.18);background:rgba(255,107,107,.08)}
.sq-tab.on.blue{border-color:#38BDF8;box-shadow:0 0 0 2px rgba(56,189,248,.18);background:rgba(56,189,248,.08)}
.sq-wait{margin-left:auto;color:var(--sq-ink2)}.sq-wait b{background:none;color:#F5C451;font-size:.95rem}
.sq-search{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:12px;border:1px solid var(--sq-line);border-radius:14px;background:var(--sq-panel);margin-bottom:12px}.sq-search input{max-width:340px;margin:0}.sq-shown{margin-left:auto}
.sq-bulk{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:12px;border:1px solid var(--sq-line);border-radius:14px;background:var(--sq-panel);margin-bottom:12px;position:sticky;top:8px;z-index:5}
.sq-bulk select{width:auto;min-width:220px;flex:1;margin:0}.sq-bulk input#sqReasonCustom{flex:1;min-width:220px;margin:0}.sq-all{display:flex;align-items:center;gap:8px;font-weight:700}.sq-all input,.sq-ck{width:18px;height:18px;margin:0;accent-color:#F5C451}
.sq-card{margin-top:12px;padding:16px 18px}.sq-card.late{border-color:#FF6B6B}
.sq-row1{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sq-logo{width:34px;height:34px;border-radius:8px;object-fit:cover;background:#fff}.sq-title{font-size:1.05rem}.sq-face{margin-left:6px;color:#F5C451}.sq-when{margin-left:auto}
.sq-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:14px 0 12px;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid var(--sq-line)}
.sq-grid small{display:block;font-size:.66rem;letter-spacing:.06em;text-transform:uppercase;color:var(--sq-ink2)}.sq-grid b{display:block;font-size:1.05rem;margin-top:3px}.sq-grid em{display:block;font-style:normal;font-size:.7rem;color:var(--sq-ink2);margin-top:2px}.sq-pay{color:#2FE6A6}
.sq-seller{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:.86rem}.sq-seller a{color:inherit;text-decoration:none}.sq-seller a b{font-size:.95rem}.sq-seller .sq-link{color:#38BDF8;font-weight:700}
.sq-bad{color:#FF8A80;font-weight:700}
.sq-note{margin:8px 0 0;padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.03);border:1px dashed var(--sq-line)}.sq-rej{border-color:rgba(255,107,107,.5);color:#FF8A80}
.sq-reveal{margin-top:10px;border:1px dashed rgba(245,196,81,.5);border-radius:12px;padding:10px 12px;background:rgba(245,196,81,.04)}.sq-reveal summary{cursor:pointer;font-weight:700;color:#F5C451}
.sq-codes{display:flex;flex-direction:column;gap:8px;margin-top:10px}.sq-code{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sq-code small{width:50px;color:var(--sq-ink2)}.sq-code code{font-size:1.05rem;letter-spacing:.06em;padding:8px 12px;border-radius:10px;background:#0B1424;border:1px solid var(--sq-line)}
.sq-acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
@media(max-width:900px){.sq-grid{grid-template-columns:repeat(3,1fr)}.sq-when{margin-left:0;width:100%}.sq-wait{margin-left:0}}
@media(max-width:560px){.sq-grid{grid-template-columns:repeat(2,1fr)}}
/* V10.1: admin inbox — the conversation/user list always scrolls on its own, whatever the page height */
.lm-side{height:100%;max-height:100%}
.lm-list{overflow-y:auto!important;overflow-x:hidden;max-height:calc(100vh - 330px);max-height:calc(100dvh - 330px);-webkit-overflow-scrolling:touch}
@media(max-width:820px){.lm-list{max-height:calc(100dvh - 300px)}}
/* V10.3 — Live chat: Send button inside the composer, always-visible inbox scrollbar, "more below" fade, viewport-fitted panel */
.lm-inputwrap{position:relative}
.lm-inputwrap textarea{display:block;padding-right:104px!important}
.lm-inbtns{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:8px;z-index:2}
/* both buttons share one spec: 40×40, 12px radius, 1px border, 18px icon — the global label/button rules are reset here */
.lm-inbtns .lm-ib,.lm-inbtns label.lm-ib,.lm-inbtns button.lm-ib{box-sizing:border-box;width:40px;height:40px;min-width:40px;flex:0 0 40px;margin:0;padding:0;border-radius:12px;border:1px solid var(--lm-line);background:var(--lm-el);color:var(--lm-ink2);display:grid;place-items:center;font-size:0;line-height:1;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.25);transition:background .15s,color .15s,transform .1s,box-shadow .15s;-webkit-appearance:none;appearance:none}
.lm-inbtns .lm-ib svg{width:18px;height:18px;display:block}
.lm-inbtns .lm-ib:hover{color:var(--lm-ink);background:var(--lm-line)}
.lm-inbtns .lm-ib:active{transform:scale(.94)}
.lm-inbtns .lm-ib:focus-visible{outline:2px solid var(--lm-p);outline-offset:2px}
.lm-attach-btn input{display:none}
.lm-inbtns button.lm-send-btn{background:var(--lm-p);border-color:var(--lm-p);color:#fff;box-shadow:0 4px 12px rgba(117,88,245,.4)}
.lm-inbtns button.lm-send-btn:hover{background:#8A70FF;border-color:#8A70FF;color:#fff}
.lm-inbtns button.lm-send-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}
.lm-inbtns button.lm-send-btn .i-send{margin:0 0 1px 1px}
.lm-inbtns button.lm-send-btn .i-note{display:none}
.lm-inbtns button.lm-send-btn.note{background:#C98A16;border-color:#C98A16;box-shadow:0 4px 12px rgba(201,138,22,.4)}
.lm-inbtns button.lm-send-btn.note:hover{background:#DDA033;border-color:#DDA033}
.lm-inbtns button.lm-send-btn.note .i-send{display:none}.lm-inbtns button.lm-send-btn.note .i-note{display:block}
html[data-theme=light] .lm-inbtns .lm-ib{box-shadow:0 3px 10px rgba(15,23,42,.12)}
.lm-cbtns .lm-hint{white-space:nowrap}
.lm-side{position:relative}
.lm-list{scrollbar-gutter:stable}
.lm-list::-webkit-scrollbar{width:11px;background:transparent}
.lm-list::-webkit-scrollbar-track{background:rgba(255,255,255,.04);border-radius:99px;margin:6px 0}
.lm-list::-webkit-scrollbar-thumb{background:#4B5C82;border-radius:99px;border:2px solid var(--lm-panel);min-height:40px}
.lm-list::-webkit-scrollbar-thumb:hover{background:#7558F5}
.lm-side::after{content:"";position:absolute;left:1px;right:1px;bottom:0;height:64px;pointer-events:none;border-radius:0 0 18px 18px;background:linear-gradient(to bottom,rgba(0,0,0,0),var(--lm-panel));opacity:0;transition:opacity .2s}
.lm-side.has-more::after{opacity:1}
.lm-more{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);z-index:3;display:none;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;background:#7558F5;color:#fff;font-size:.74rem;font-weight:700;border:0;cursor:pointer;box-shadow:0 8px 20px rgba(0,0,0,.35)}
.lm-side.has-more .lm-more{display:inline-flex}
html[data-theme=light] .lm-list::-webkit-scrollbar-thumb{background:#B8C2D9}
/* V10.3 — admin action result banner (inside the shell, under the fixed section bar) */
.lxflash{grid-column:1/-1;display:flex;align-items:flex-start;gap:12px;margin:0 0 14px;padding:14px 16px;font-size:.95rem;line-height:1.45;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.lxflash span{flex:1}
.lxflash button{flex:0 0 auto;background:transparent;border:0;color:inherit;font-size:1rem;cursor:pointer;opacity:.7;padding:0 2px}
.lxflash button:hover{opacity:1}
.lxflash.error{background:rgba(240,97,109,.16);border-color:rgba(240,97,109,.6);color:#FFB4BA}
.lxflash.success{background:rgba(22,199,132,.14);border-color:rgba(22,199,132,.5);color:#8CF0C6}

/* ===================== V11.0 — sale timer (HH:MM:SS, restarts every 24 h) ===================== */
.gp-sdtimer b[data-gp-fmt="hms"]{font:800 1.5rem var(--gp-mono);color:#fff;letter-spacing:.04em;padding:4px 10px;border-radius:9px;background:#0d1220;border:1px solid var(--gp-line)}
html[data-theme="light"] .gp-sdtimer b[data-gp-fmt="hms"]{background:#0B1C4A}

/* ===================== V11.0 — card page hero, sale bar, sale denominations ===================== */
.gp-chero{position:relative;border-radius:22px;overflow:hidden;background:var(--gp-surface);border:1px solid var(--gp-line);box-shadow:var(--gp-shadow)}
.gp-chero-art{aspect-ratio:1.6;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}
.gp-chero-art>img{width:100%;height:100%;object-fit:cover;display:block}
.gp-chero-mark{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:40px 60px 110px}
.gp-chero-mark img{max-width:78%;max-height:150px;object-fit:contain}
.gp-chero-sale{position:absolute;top:14px;left:14px;z-index:3;display:inline-flex;align-items:center;gap:10px;padding:8px 16px 8px 10px;border-radius:14px;background:linear-gradient(135deg,#FFE9A8,var(--gp-gold));color:#4A2E00;text-decoration:none;box-shadow:0 8px 20px rgba(201,138,18,.35);line-height:1.1;transition:all .2s}
.gp-chero-sale.soft{background:var(--gp-surface);color:var(--gp-ink);border:1px solid var(--gp-line2);box-shadow:none}
.gp-chero-sale .ic{width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,.55);display:inline-flex;align-items:center;justify-content:center;font-size:1.1rem}
.gp-chero-sale b{display:block;font-size:1.15rem;letter-spacing:-.01em;font-family:var(--gp-display)}
.gp-chero-sale small{display:block;font-size:.72rem;font-weight:600;margin-top:2px;opacity:.85}
a.gp-chero-sale:hover{transform:translateY(-1px);box-shadow:0 12px 24px rgba(201,138,18,.45);text-decoration:none}
.gp-chero-brandpill{position:absolute;top:16px;right:16px;z-index:3;background:rgba(124,92,255,.18);color:#fff;font-weight:700;font-size:.85rem;padding:8px 14px;border-radius:12px;border:1px solid rgba(124,92,255,.4);backdrop-filter:blur(6px)}
.gp-chero-foot{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;justify-content:space-between;align-items:flex-end;gap:16px;padding:46px 22px 18px;color:#fff;background:linear-gradient(180deg,rgba(10,15,28,0),rgba(10,15,28,.94) 60%)}
.gp-chero-foot b{display:block;font-size:1.35rem;font-family:var(--gp-display);color:#fff}
.gp-chero-foot span{display:block;font-size:.9rem;opacity:.9;margin-top:3px}
.gp-chero-foot .r{text-align:right;flex:none}
.gp-chero-foot .r b{font-size:.8rem;letter-spacing:.08em}
.gp-chero-foot .r span{font-size:.75rem;letter-spacing:.06em;font-weight:700}
.gp-chero-trust{list-style:none;margin:14px 0 0;padding:14px 16px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;background:var(--gp-surface);border:1px solid var(--gp-line);border-radius:16px}
.gp-chero-trust li{display:flex;gap:10px;align-items:center;min-width:0}
.gp-chero-trust i{width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-style:normal;flex:none}
.gp-chero-trust b{display:block;font-size:.86rem;color:var(--gp-ink)}
.gp-chero-trust small{display:block;font-size:.72rem;color:var(--gp-mute)}
.gp-chero-link{display:flex;align-items:center;gap:14px;margin-top:14px;padding:14px 16px;background:rgba(124,92,255,.08);border:1px solid rgba(124,92,255,.3);border-radius:16px;text-decoration:none;color:var(--gp-ink)}
.gp-chero-link:hover{text-decoration:none;border-color:var(--gp-violet)}
.gp-chero-link i{font-style:normal;font-size:1.5rem}
.gp-chero-link div{flex:1;min-width:0}
.gp-chero-link b{display:block;font-size:.95rem}
.gp-chero-link small{display:block;color:var(--gp-mute);font-size:.8rem}
.gp-chero-link>span{width:32px;height:32px;border-radius:50%;background:var(--gp-surface2);border:1px solid var(--gp-line2);display:inline-flex;align-items:center;justify-content:center;font-size:1.2rem;color:var(--gp-ink);flex:none}
.gp-salebar{display:flex;align-items:center;gap:16px;margin-top:16px;padding:16px 18px;border-radius:16px;background:linear-gradient(90deg,rgba(124,92,255,.14),rgba(59,130,246,.10));border:1px solid rgba(124,92,255,.35)}
.gp-salebar-ic{width:56px;height:56px;border-radius:50%;background:var(--gp-surface);display:inline-flex;align-items:center;justify-content:center;font-size:1.5rem;flex:none;border:1px solid var(--gp-line2)}
.gp-salebar>div{flex:1;min-width:0}
.gp-salebar em{display:flex;align-items:center;gap:6px;font-style:normal;font-size:.78rem;font-weight:700;color:var(--gp-green)}
.gp-salebar em i{width:8px;height:8px;border-radius:50%;background:var(--gp-green);animation:gpPulse 1.6s infinite}
@keyframes gpPulse{0%,100%{box-shadow:0 0 0 3px rgba(34,197,94,.25)}50%{box-shadow:0 0 0 6px rgba(34,197,94,.08)}}
.gp-salebar b{display:block;font-size:1.25rem;color:var(--gp-ink);letter-spacing:-.01em;margin-top:2px;font-family:var(--gp-display)}
.gp-salebar small{display:block;color:var(--gp-mute);font-size:.86rem}
.gp-salebar-btn{flex:none;border:2px solid var(--gp-violet);background:transparent;color:var(--gp-ink);font-weight:800;padding:12px 18px;border-radius:999px;cursor:pointer;font-size:.95rem;transition:all .2s;font-family:inherit}
.gp-salebar-btn:hover{background:var(--gp-violet);color:#fff}
.gp-denlive{display:inline-flex;align-items:center;gap:6px;margin-left:10px;font-size:.78rem;font-weight:600;color:var(--gp-green)}
.gp-denlive i{width:7px;height:7px;border-radius:50%;background:var(--gp-green)}
.dcard-sale{position:absolute;top:0;left:0;z-index:4;padding:4px 9px;border-radius:0 0 10px 0;background:linear-gradient(135deg,#FF4D4D,#E11D48);color:#fff;font-size:.6rem;font-weight:900;letter-spacing:.12em}
.dcard-off.r{left:auto;right:6px;top:6px}
.dcard.on .dcard-off.r{right:30px}
.dcard.sale{border-color:rgba(34,197,94,.45)}
@keyframes gpFlash{0%{box-shadow:0 0 0 0 rgba(34,197,94,.6)}100%{box-shadow:0 0 0 14px rgba(34,197,94,0)}}
.dcard.flash{animation:gpFlash .9s ease-out}
#gpPctTag.sale{background:rgba(245,196,81,.18)!important;color:var(--gp-gold)!important;border:1px solid rgba(245,196,81,.4)}
html[data-theme="light"] .gp-chero-brandpill{background:#EEF2FF;color:#4338CA;border-color:#C7D2FE}
@media (max-width:720px){.gp-chero-trust{grid-template-columns:1fr}.gp-salebar{flex-wrap:wrap}.gp-salebar-btn{width:100%}.gp-chero-sale b{font-size:1rem}.gp-chero-foot b{font-size:1.1rem}}

/* ===================== V11.0 — Checkout redesign ===================== */
.ck2-wrap{max-width:1180px;margin:0 auto;padding:22px 16px 60px}
.ck2-steps{list-style:none;margin:0 0 26px;padding:0;display:flex;align-items:flex-start;justify-content:center}
.ck2-steps li{display:flex;align-items:center;gap:12px;position:relative;flex:1;max-width:260px}
.ck2-steps li:not(:last-child)::after{content:"";flex:1;height:2px;background:var(--gp-line2);margin:0 14px;min-width:30px}
.ck2-steps .n{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:.95rem;color:var(--gp-mute);background:var(--gp-surface);border:2px solid var(--gp-line2);flex:none}
.ck2-steps li.done .n{background:var(--gp-green);border-color:var(--gp-green);color:#fff}
.ck2-steps li.now .n{background:var(--gp-violet);border-color:var(--gp-violet);color:#fff;box-shadow:0 0 0 5px rgba(124,92,255,.2)}
.ck2-steps li.done:not(:last-child)::after{background:var(--gp-green)}
.ck2-steps b{display:block;font-size:.95rem;color:var(--gp-ink)}
.ck2-steps li:not(.now):not(.done) b{color:var(--gp-mute)}
.ck2-steps small{display:block;color:var(--gp-mute);font-size:.78rem;margin-top:2px;white-space:nowrap}
.ck2-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;align-items:start}
.ck2-main{background:var(--gp-surface);border:1px solid var(--gp-line);border-radius:22px;padding:30px 32px;box-shadow:var(--gp-shadow)}
.ck2-main h1{font-size:2.1rem;margin:0 0 4px;letter-spacing:-.02em;font-family:var(--gp-display)}
.ck2-sub{color:var(--gp-mute);margin:0 0 22px}
.ck2-item{display:grid;grid-template-columns:220px minmax(0,1fr) auto;gap:22px;align-items:center;border:1px solid var(--gp-line);border-radius:18px;padding:18px;margin-bottom:14px;background:var(--gp-surface2)}
.ck2-card{position:relative;aspect-ratio:1.6;border-radius:14px;overflow:hidden;background:linear-gradient(135deg,var(--bc),#0B1B33);box-shadow:0 14px 30px rgba(0,0,0,.4),inset 0 0 0 1px rgba(255,255,255,.12);transform:perspective(900px) rotateY(-4deg) rotateX(2deg);transition:transform .35s ease}
.ck2-item:hover .ck2-card{transform:perspective(900px) rotateY(0) rotateX(0)}
.ck2-card .art{width:100%;height:100%;object-fit:cover;display:block}
.ck2-card .mark{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:18px}
.ck2-card .mark img{max-width:70%;max-height:60%;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(0,0,0,.35))}
.ck2-card .shine{position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,0) 35%,rgba(255,255,255,.22) 50%,rgba(255,255,255,0) 65%);pointer-events:none}
.ck2-card .val{position:absolute;right:12px;bottom:10px;color:#fff;font-weight:800;font-size:1.25rem;letter-spacing:-.01em;text-shadow:0 2px 8px rgba(0,0,0,.45)}
.ck2-meta h2{font-size:1.25rem;margin:0 0 8px;color:var(--gp-ink);font-family:var(--gp-display)}
.ck2-region{display:flex;align-items:center;gap:8px;color:var(--gp-ink2);font-weight:600;margin-bottom:10px}
.ck2-pill{display:inline-block;background:rgba(124,92,255,.16);color:#C4B5FD;font-weight:700;font-size:.8rem;padding:6px 11px;border-radius:9px;margin:0 6px 6px 0}
.ck2-pill.drop{background:rgba(245,196,81,.16);color:var(--gp-gold)}
.ck2-value{text-align:right}
.ck2-value b{display:block;font-size:2rem;color:var(--gp-violet);letter-spacing:-.02em;line-height:1;font-family:var(--gp-display)}
.ck2-value b i{font-style:normal;font-size:1rem;color:var(--gp-mute);font-weight:700}
.ck2-value small{display:block;color:var(--gp-mute);margin-top:6px;font-size:.85rem}
.ck2-qty{display:inline-flex;align-items:center;margin-top:10px;border:1px solid var(--gp-line2);border-radius:999px;overflow:hidden;background:var(--gp-surface)}
.ck2-qty button{width:36px;height:34px;border:0;background:transparent;color:var(--gp-violet);font-size:1.2rem;font-weight:800;cursor:pointer;line-height:1}
.ck2-qty button:hover{background:rgba(124,92,255,.15)}
.ck2-qty button:disabled{color:var(--gp-mute2);cursor:not-allowed}
.ck2-qty span{min-width:30px;text-align:center;font-weight:800;color:var(--gp-ink)}
.ck2-h3{font-size:1.2rem;margin:26px 0 12px;font-family:var(--gp-display)}
.ck2-sum{border:1px solid var(--gp-line);border-radius:16px;padding:6px 20px;background:var(--gp-surface2);margin-bottom:18px}
.ck2-sum .row{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid var(--gp-line);font-size:1rem;color:var(--gp-ink)}
.ck2-sum .row.ok,.ck2-sum .row.ok b{color:var(--gp-green)}
.ck2-sum .row.total{border-bottom:0;padding:16px 0 14px;border-top:2px solid var(--gp-line2);margin-top:4px}
.ck2-sum .row.total>span{font-weight:800;font-size:1.15rem;white-space:nowrap}
.ck2-sum .tot{text-align:right}
.ck2-sum .tot s{font-size:.9rem;margin-right:8px}
.ck2-sum .tot>b{font-size:1.75rem;letter-spacing:-.02em;color:var(--gp-ink);font-family:var(--gp-display)}
.ck2-sum .ck-savebadge{display:inline-block;margin-top:8px;background:rgba(34,197,94,.16);color:var(--gp-green);font-weight:700;font-size:.85rem;padding:6px 12px;border-radius:9px}
.ck2-promo,.ck2-promo.is-applied{display:block;text-align:left;border:1px solid var(--gp-line);border-radius:16px;padding:18px 20px;background:var(--gp-surface);margin-bottom:18px}
.ck2-promo-h{display:flex;align-items:center;gap:9px;color:var(--gp-ink);font-size:1.05rem}
.ck2-promo .pcard-entry{width:100%;flex-wrap:nowrap}
.ck2-promo .pcard-entry input[type=text]{background:var(--gp-surface2);border-color:var(--gp-line);text-transform:uppercase;font-weight:700}
.ck2-promo .pcard-apply{background:var(--gp-violet);color:#fff;flex:none}
.ck2-promo .pcard-appl{display:flex;align-items:center;gap:12px;margin-top:14px;background:var(--gp-surface2);border-radius:11px;padding:8px 10px 8px 16px;width:100%}
.ck2-code{font-weight:800;letter-spacing:.8px;color:var(--gp-ink2);flex:1}
.ck2-applied{display:inline-flex;align-items:center;gap:7px;font-weight:700;color:var(--gp-ink)}
.ck2-applied i{width:20px;height:20px;border-radius:50%;background:var(--gp-green);display:inline-flex;align-items:center;justify-content:center}
.ck2-promo .pcard-remove{margin-left:0;border-color:var(--gp-line2);color:var(--gp-ink2);background:transparent}
.ck2-promo-ok{display:flex;gap:12px;align-items:center;margin-top:12px;background:rgba(34,197,94,.10);border:1px solid rgba(34,197,94,.35);border-radius:12px;padding:14px 16px;width:100%}
.ck2-promo-ok i{width:32px;height:32px;border-radius:50%;background:var(--gp-green);display:inline-flex;align-items:center;justify-content:center;flex:none}
.ck2-promo-ok b{display:block;color:var(--gp-green)}
.ck2-promo-ok span{display:block;color:var(--gp-ink2);font-size:.92rem;margin-top:2px}
.ck2-promo-ok span b{display:inline;color:var(--gp-ink)}
.ck2-form label{font-weight:600;color:var(--gp-ink2);font-size:.9rem}
.ck2-wallet{display:flex;gap:8px;align-items:center;font-weight:600;margin:12px 0}
.ck2-cta{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;border:0;cursor:pointer;margin-top:16px;padding:18px 20px;border-radius:14px;font-size:1.15rem;font-weight:800;color:#fff;background:linear-gradient(90deg,var(--gp-violet),var(--gp-blue));box-shadow:var(--gp-glow);transition:transform .15s ease,box-shadow .15s ease;font-family:inherit}
.ck2-cta em{font-style:normal}
.ck2-cta:hover{transform:translateY(-1px)}
.ck2-secure{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--gp-mute);font-size:.86rem;margin:12px 0 0}
.ck2-secure span{opacity:.5}
.ck2-trust{list-style:none;margin:26px 0 0;padding:22px 0 0;border-top:1px solid var(--gp-line);display:grid;grid-template-columns:repeat(4,1fr);gap:10px;text-align:center}
.ck2-trust li{padding:4px 8px;border-right:1px solid var(--gp-line)}
.ck2-trust li:last-child{border-right:0}
.ck2-trust i{display:block;font-style:normal;font-size:1.45rem;margin-bottom:6px}
.ck2-trust b{display:block;font-size:.92rem;color:var(--gp-ink)}
.ck2-trust small{display:block;color:var(--gp-mute);font-size:.78rem;margin-top:2px}
.ck2-side{display:grid;gap:16px;position:sticky;top:96px}
.ck2-box{background:var(--gp-surface);border:1px solid var(--gp-line);border-radius:18px;padding:22px;box-shadow:var(--gp-shadow)}
.ck2-box h3{font-size:1.1rem;margin:0 0 16px;font-family:var(--gp-display)}
.ck2-box.gift{background:rgba(124,92,255,.08);border-color:rgba(124,92,255,.3)}
.ck2-why{display:flex;gap:14px;align-items:flex-start;margin-bottom:16px}
.ck2-why:last-child{margin-bottom:0}
.ck2-why span{width:48px;height:48px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;font-size:1.3rem;flex:none}
.ck2-why b{display:block;color:var(--gp-ink);font-size:1rem}
.ck2-why small{display:block;color:var(--gp-mute);font-size:.85rem;margin-top:2px;line-height:1.4}
.ck2-chat{display:flex;align-items:center;justify-content:space-between;margin-top:14px;border:1px solid var(--gp-line2);border-radius:12px;padding:14px 16px;font-weight:700;color:var(--gp-ink);text-decoration:none;background:var(--gp-surface2)}
.ck2-chat:hover{border-color:var(--gp-violet);text-decoration:none}
.ck2-chat i{font-style:normal;font-size:1.3rem;line-height:1;color:var(--gp-mute)}
.ck2-giftlbl{display:flex;align-items:center;gap:10px;margin-top:14px;font-weight:600;color:var(--gp-ink);cursor:pointer}
.ck2-giftlbl input{width:18px;height:18px;accent-color:var(--gp-violet)}
.ck2-giftlbl i{font-style:normal;color:var(--gp-violet);font-size:1rem}
.ck2-coins{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ck2-coins .coin{width:38px;height:38px;border-radius:50%;background:var(--c);display:inline-flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,.3)}
.ck2-coins .coin svg{width:22px;height:22px;fill:#fff}
.ck2-coins .more{width:48px;height:38px;border-radius:19px;border:1px solid var(--gp-line2);display:inline-flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;color:var(--gp-mute)}
.ck2-sticky{display:none}
@media (max-width:1024px){.ck2-grid{grid-template-columns:1fr}.ck2-side{position:static;grid-template-columns:1fr 1fr}}
@media (max-width:860px){
  .ck2-sticky{display:flex;align-items:center;justify-content:space-between;gap:12px;position:fixed;left:0;right:0;top:64px;z-index:30;margin:0;padding:10px 16px;background:rgba(18,26,45,.96);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--gp-line);box-shadow:0 8px 20px rgba(0,0,0,.3)}
  html[data-theme="light"] .ck2-sticky{background:rgba(255,255,255,.96)}
  .ck2-sticky small{display:block;font-size:.72rem;color:var(--gp-mute);line-height:1}
  .ck2-sticky b{font-size:1.25rem;color:var(--gp-ink);letter-spacing:-.01em}
  .ck2-sticky button{border:0;border-radius:999px;background:var(--gp-violet);color:#fff;font-weight:800;padding:12px 18px;font-size:.95rem;cursor:pointer;white-space:nowrap;box-shadow:var(--gp-glow);font-family:inherit}
  .ck2-main{overflow:visible;padding:20px 16px;border-radius:16px;padding-top:84px}
  .ck2-wrap{padding-top:12px}
  .ck2-main h1{font-size:1.7rem}
  .ck2-sum .row{font-size:.95rem}
  .ck2-sum .tot>b{font-size:1.5rem}
}
@media (max-width:720px){
  .ck2-steps small{display:none}.ck2-steps li{gap:8px}.ck2-steps li:not(:last-child)::after{margin:0 6px;min-width:12px}.ck2-steps b{font-size:.8rem}
  .ck2-item{grid-template-columns:1fr 1fr;align-items:center}
  .ck2-item .ck2-card{grid-column:1/-1;width:min(260px,100%);justify-self:center;transform:none}
  .ck2-meta h2{font-size:1.05rem}
  .ck2-value b{font-size:1.5rem}
  .ck2-cta{font-size:1rem;padding:16px}
  .ck2-trust{grid-template-columns:1fr 1fr;gap:14px 6px}.ck2-trust li{border-right:0}
  .ck2-side{grid-template-columns:1fr}
  .ck2-promo .pcard-appl{flex-wrap:wrap}
  .ck2-sum .row.total{flex-wrap:wrap;gap:6px}.ck2-sum .tot{margin-left:auto}
}
html[data-theme="light"] .ck2-pill{background:#EEF2FF;color:#4338CA}
.ck2-sum .row>b{white-space:nowrap;margin-left:12px}

/* ===================== V11.0 — review strip (Trustpilot style) ===================== */
.gp-rs{background:var(--gp-bg2);border-top:1px solid var(--gp-line);border-bottom:1px solid var(--gp-line);padding:26px 0;margin-top:18px}
.gp-rs-in{display:grid;grid-template-columns:270px minmax(0,1fr) auto;gap:26px;align-items:center}
.gp-rs-score h2{font:800 1.6rem/1.1 var(--gp-display);margin:0 0 8px;letter-spacing:-.03em;color:var(--gp-ink)}
.gp-rs-num{margin:10px 0 2px;font-size:.95rem;color:var(--gp-ink)}
.gp-rs-num b{font-size:1.05rem}
.gp-rs-num a{color:var(--gp-ink);text-decoration:underline;text-underline-offset:3px}
.gp-rs-sub{margin:0;font-size:.8rem;color:var(--gp-mute)}
.gp-gstars{display:inline-flex;gap:3px}
.gp-gstars i{position:relative;width:26px;height:26px;background:var(--gp-line2);display:inline-flex;align-items:center;justify-content:center;border-radius:3px;overflow:hidden}
.gp-gstars i::before{content:'';position:absolute;left:0;top:0;bottom:0;width:var(--f,0%);background:#00B67A}
.gp-gstars i svg{position:relative;width:70%;height:70%;fill:#fff}
.gp-gstars.lg i{width:32px;height:32px}
.gp-gstars.sm i{width:16px;height:16px;border-radius:2px}
.gp-rs-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,calc((100% - 24px)/3));gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px}
.gp-rs-rail::-webkit-scrollbar{display:none}
.gp-rs-card{scroll-snap-align:start;background:var(--gp-surface);border:1px solid var(--gp-line);border-radius:16px;padding:14px 16px;display:flex;flex-direction:column;gap:8px;min-width:0}
.gp-rs-card header{display:flex;align-items:center;gap:10px;background:none;padding:0;border:0;position:static}
.gp-rs-card header div{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.2}
.gp-rs-card header b{font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--gp-ink)}
.gp-rs-card header small{font-size:.72rem;color:var(--gp-mute)}
.gp-rs-av{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--gp-violet),var(--gp-blue));color:#fff;font:800 .82rem var(--gp-display);display:flex;align-items:center;justify-content:center;flex:none}
.gp-rs-card p{margin:0;font-size:.86rem;line-height:1.5;color:var(--gp-ink2);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.gp-rs-card footer{display:flex;gap:10px;font-size:.72rem;color:var(--gp-mute);margin-top:auto;background:none;padding:0;border:0}
.gp-rs-ver{display:inline-flex;align-items:center;gap:4px;color:var(--gp-green);font-weight:700}
.gp-rs-ver svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.gp-rs-ctl{display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.gp-rs-all{font-weight:700;font-size:.88rem;white-space:nowrap;color:var(--gp-ink)}
.gp-rs-ctl button{width:36px;height:36px;border-radius:50%;background:var(--gp-surface);border:1px solid var(--gp-line2);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.gp-rs-ctl button svg{width:16px;height:16px;fill:none;stroke:var(--gp-ink);stroke-width:2.2;stroke-linecap:round}
.gp-rs-ctl button:hover{border-color:var(--gp-violet)}
.gp-rs-empty{grid-column:2/-1;display:flex;align-items:center;justify-content:space-between;gap:18px;background:rgba(34,197,94,.10);border:1px solid rgba(34,197,94,.3);border-radius:16px;padding:16px 20px}
.gp-rs-empty p{margin:2px 0 0;font-size:.86rem;color:var(--gp-ink2)}
html[data-theme="light"] .gp-rs{background:#fff}
@media (max-width:900px){.gp-rs-in{grid-template-columns:1fr;gap:16px}.gp-rs-score{text-align:center}.gp-rs-rail{grid-auto-columns:82%}.gp-rs-ctl{flex-direction:row;justify-content:space-between;align-items:center}.gp-rs-empty{flex-direction:column;align-items:flex-start}}
/* V11.0: never let the detail grid exceed the viewport — columns shrink below their content width */
.detailgrid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)}
.detailgrid>div{min-width:0}
.gp-chero,.gp-chero-art,.gp-chero-foot,.gp-salebar{max-width:100%}
.gp-chero-foot>div:first-child{min-width:0}.gp-chero-foot>div:first-child b,.gp-chero-foot>div:first-child span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:860px){.detailgrid{grid-template-columns:minmax(0,1fr)}}

/* ===================== V11.1 — checkout: standard two-column layout, sticky summary + CTA ===================== */
.ck2-grid{grid-template-columns:minmax(0,1fr) 420px;align-items:start}
.ck2-side{position:sticky;top:88px;display:block}
.ck2-summary h3{font-size:1.15rem;margin:0 0 12px;font-family:var(--gp-display)}
.ck2-summary .ck2-sum{margin-bottom:14px;padding:2px 16px;background:transparent;border:0;border-radius:0}
.ck2-summary .ck2-sum .row{padding:11px 0;font-size:.95rem}
.ck2-summary .ck2-sum .tot>b{font-size:1.6rem}
.ck2-summary .ck2-promo{margin-bottom:14px;padding:14px 16px}
.ck2-summary .ck2-promo-h{font-size:.95rem}
.ck2-summary .ck2-promo .pcard-entry{margin-top:10px}
.ck2-summary .ck2-promo .pcard-entry input[type=text]{padding:11px 13px}
.ck2-summary .ck2-promo .pcard-apply{padding:11px 18px}
.ck2-summary .ck2-promo-ok{padding:11px 14px}
.ck2-summary .ck2-cta{margin-top:4px;padding:16px 18px;font-size:1.05rem}
.ck2-summary .ck2-secure{margin-top:10px;font-size:.78rem;flex-wrap:wrap;text-align:center}
.ck2-item{grid-template-columns:150px minmax(0,1fr) auto;gap:18px;padding:14px}
.ck2-card{transform:none}
.ck2-item:hover .ck2-card{transform:none}
.ck2-meta h2{font-size:1.1rem}
.ck2-value b{font-size:1.5rem}
.ck2-gifttoggle{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--gp-line);border-radius:12px;margin:14px 0;cursor:pointer;background:var(--gp-surface2)}
.ck2-gifttoggle input{width:18px;height:18px;accent-color:var(--gp-violet);flex:none}
.ck2-gifttoggle b{display:block;font-size:.95rem;color:var(--gp-ink)}
.ck2-gifttoggle small{display:block;font-size:.8rem;color:var(--gp-mute)}
.ck2-sticky.show{display:flex}
@media (min-width:861px){.ck2-sticky{display:none!important}}
@media (max-width:1024px){
  .ck2-grid{grid-template-columns:1fr;gap:16px}
  .ck2-side{position:static;order:-1}
  .ck2-main{order:1}
  .ck2-sticky{display:none}
}
@media (max-width:860px){.ck2-main{padding-top:20px}}
@media (max-width:720px){.ck2-item{grid-template-columns:110px minmax(0,1fr)}.ck2-item .ck2-card{grid-column:auto;width:110px}.ck2-value{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;text-align:left}.ck2-value small{margin:0}.ck2-qty{margin-top:0}.ck2-value b{font-size:1.25rem}}

.ck2-summary{display:flex;flex-direction:column}
.ck2-summary h3{order:0}.ck2-summary .ck2-sum{order:1}.ck2-summary .ck2-cta{order:2;margin-top:0}.ck2-summary .ck2-secure{order:3}.ck2-summary .ck2-promo{order:4;margin:14px 0 0}
.ck2-summary .pcard-msg{order:5}
@media (max-width:480px){
  .ck2-steps li{min-width:0;flex:1}.ck2-steps li:not(.now) b{display:none}.ck2-steps li:not(:last-child)::after{min-width:8px;margin:0 4px}.ck2-steps .n{width:28px;height:28px;font-size:.8rem}
  .ck2-summary{padding:16px}.ck2-summary .ck2-sum .row{padding:9px 0;font-size:.9rem}.ck2-summary .ck2-sum .tot>b{font-size:1.4rem}.ck2-summary .ck-savebadge{font-size:.78rem;padding:4px 9px}
  .ck2-wrap{padding-top:8px}.ck2-steps{margin-bottom:14px}
}
@media (max-width:480px){.ck2-steps li.now{flex:none}.ck2-steps li.now b{white-space:nowrap;font-size:.85rem}.ck2-steps li.now div{display:block}}
.ck2-value b{white-space:nowrap}

/* ===================== V11.1 — How GiftsPayr works: animated 3D flow ===================== */
.gp-flow{position:relative;padding:74px 0 8px;display:block}
.gp-flow-stage{position:absolute;left:0;right:0;top:4px;height:60px;pointer-events:none;z-index:0}
.gp-flow-path{width:100%;height:60px;overflow:visible}
.gp-flow-path .rail{fill:none;stroke:var(--gp-line2);stroke-width:2;stroke-dasharray:6 8}
.gp-flow-path .glow{fill:none;stroke:var(--gp-violet);stroke-width:3;stroke-linecap:round;stroke-dasharray:900;stroke-dashoffset:900;filter:drop-shadow(0 0 8px rgba(124,92,255,.8));transition:stroke-dashoffset 1.1s cubic-bezier(.4,0,.2,1)}
.gp-flow[data-stage="1"] .glow{stroke-dashoffset:900}.gp-flow[data-stage="2"] .glow{stroke-dashoffset:600}.gp-flow[data-stage="3"] .glow{stroke-dashoffset:300}.gp-flow[data-stage="4"] .glow{stroke-dashoffset:0}
.gp-flow-coin{position:absolute;top:30px;left:12.5%;width:44px;height:44px;margin:-22px 0 0 -22px;z-index:2;border-radius:50%;background:radial-gradient(circle at 35% 30%,#FFE28A,#F7931A 60%,#B45309);box-shadow:0 10px 24px rgba(247,147,26,.45),inset 0 -3px 6px rgba(0,0,0,.25);display:flex;align-items:center;justify-content:center;transition:left 1.1s cubic-bezier(.4,0,.2,1),transform .6s,opacity .4s;transform:rotateY(0) scale(1)}
.gp-flow-coin i{display:flex;width:26px;height:26px}.gp-flow-coin svg{width:100%;height:100%;fill:#fff}
.gp-flow-coin.alt{background:radial-gradient(circle at 35% 30%,#7FE7C4,#26A17B 60%,#0F6B4E);box-shadow:0 10px 24px rgba(38,161,123,.45),inset 0 -3px 6px rgba(0,0,0,.25);opacity:0;transition-delay:.15s}
.gp-flow[data-stage="1"] .gp-flow-coin{left:12.5%}.gp-flow[data-stage="2"] .gp-flow-coin{left:37.5%;transform:rotateY(540deg) scale(1.05)}.gp-flow[data-stage="2"] .gp-flow-coin.alt{opacity:1;left:35%;transform:translateY(-34px) rotateY(540deg) scale(.8)}
.gp-flow[data-stage="3"] .gp-flow-coin{left:62.5%;transform:rotateY(1080deg) scale(.9)}.gp-flow[data-stage="3"] .gp-flow-coin.alt{left:62.5%;opacity:0}
.gp-flow[data-stage="4"] .gp-flow-coin{left:87.5%;transform:rotateY(1440deg) scale(0);opacity:0}
.gp-flow-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;position:relative;z-index:1}
.gp-flow-step{position:relative;padding:14px 14px 18px;border-radius:20px;border:1px solid var(--gp-line);background:var(--gp-surface);transition:border-color .4s,box-shadow .4s,transform .4s;cursor:default}
.gp-flow-step.on{border-color:var(--gp-violet);box-shadow:var(--gp-glow);transform:translateY(-6px)}
.gp-flow-step.done{border-color:rgba(34,197,94,.45)}
.gp-flow-step .n{display:inline-block;margin-top:14px;font:700 .72rem var(--gp-mono);color:var(--gp-violet);letter-spacing:.1em}
.gp-flow-step.done .n{color:var(--gp-green)}
.gp-flow-step b{display:block;font:800 1.15rem var(--gp-display);color:var(--gp-ink);margin:4px 0 6px}
.gp-flow-step p{margin:0;font-size:.88rem;line-height:1.5;color:var(--gp-mute)}
.gp-flow-step .card3d{perspective:900px;height:150px}
.gp-flow-step .scene{position:relative;height:100%;border-radius:14px;background:linear-gradient(160deg,var(--gp-surface2),var(--gp-bg2));border:1px solid var(--gp-line);overflow:hidden;transform-style:preserve-3d;transform:rotateX(14deg) rotateY(-10deg);transition:transform .7s cubic-bezier(.2,.8,.25,1)}
.gp-flow-step.on .scene{transform:rotateX(6deg) rotateY(0deg)}
/* 1 · choose */
.scene.s1 .gc1,.scene.s1 .gc2,.scene.s1 .gc3{position:absolute;width:78px;height:50px;border-radius:9px;display:flex;align-items:flex-end;justify-content:flex-end;padding:6px;color:#fff;font:800 .8rem var(--gp-display);transform-style:preserve-3d;transition:transform .7s cubic-bezier(.2,.8,.25,1),box-shadow .7s}
.scene.s1 .gc1{left:14px;top:58px;background:linear-gradient(135deg,#334155,#0f172a);transform:translateZ(0) rotate(-8deg)}
.scene.s1 .gc2{left:70px;top:44px;background:linear-gradient(135deg,#7C5CFF,#3B82F6);transform:translateZ(10px) rotate(-2deg)}
.scene.s1 .gc3{left:128px;top:30px;background:linear-gradient(135deg,#F7931A,#B45309);transform:translateZ(20px) rotate(5deg)}
.gp-flow-step.on .scene.s1 .gc2{transform:translateZ(46px) translateY(-14px) rotate(0) scale(1.1);box-shadow:0 20px 30px rgba(0,0,0,.5),0 0 0 2px var(--gp-violet)}
.scene.s1 .cursor{position:absolute;left:150px;top:120px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.25);transition:all .7s cubic-bezier(.2,.8,.25,1)}
.gp-flow-step.on .scene.s1 .cursor{left:112px;top:68px;transform:scale(.8)}
/* 2 · pay */
.scene.s2 .phone{position:absolute;left:50%;top:14px;width:120px;height:160px;margin-left:-60px;border-radius:16px;background:#0d1220;border:2px solid var(--gp-line2);display:flex;flex-direction:column;align-items:center;padding:12px 8px;gap:8px;transform:translateZ(20px)}
.scene.s2 .amt{font:700 .78rem var(--gp-mono);color:#fff;font-style:normal}
.scene.s2 .qr{width:56px;height:56px;border-radius:6px;background:repeating-conic-gradient(#fff 0 25%,#0d1220 0 50%) 0 0/14px 14px;opacity:.9}
.scene.s2 .net{font:600 .55rem var(--gp-body);color:var(--gp-mute);font-style:normal;text-align:center}
.scene.s2 .coin{position:absolute;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#F7931A;box-shadow:0 6px 14px rgba(0,0,0,.4);transform:translateZ(40px);transition:transform .8s cubic-bezier(.2,.8,.25,1),opacity .8s}
.scene.s2 .coin svg{width:18px;height:18px;fill:#fff}
.scene.s2 .c1{left:14px;top:30px}.scene.s2 .c2{left:14px;top:84px;background:#26A17B}.scene.s2 .c3{right:14px;top:50px;background:#627EEA}
.gp-flow-step.on .scene.s2 .c1{transform:translate(88px,42px) translateZ(60px) scale(.5);opacity:0}
.gp-flow-step.on .scene.s2 .c2{transform:translate(88px,-10px) translateZ(60px) scale(.5);opacity:0;transition-delay:.25s}
.gp-flow-step.on .scene.s2 .c3{transform:translate(-80px,20px) translateZ(60px) scale(.5);opacity:0;transition-delay:.5s}
/* 3 · confirm */
.scene.s3 .blocks{position:absolute;left:50%;top:22px;transform:translateX(-50%) translateZ(10px);display:flex;gap:8px}
.scene.s3 .blocks i{width:26px;height:26px;border-radius:7px;background:var(--gp-line2);transition:background .3s,box-shadow .3s,transform .3s}
.gp-flow-step.on .scene.s3 .blocks i{background:var(--gp-violet);box-shadow:0 0 14px rgba(124,92,255,.7);transform:translateY(-4px)}
.gp-flow-step.on .scene.s3 .blocks i:nth-child(1){transition-delay:.1s}.gp-flow-step.on .scene.s3 .blocks i:nth-child(2){transition-delay:.35s}.gp-flow-step.on .scene.s3 .blocks i:nth-child(3){transition-delay:.6s}.gp-flow-step.on .scene.s3 .blocks i:nth-child(4){transition-delay:.85s}.gp-flow-step.on .scene.s3 .blocks i:nth-child(5){transition-delay:1.1s}
.scene.s3 .ring{position:absolute;left:50%;top:66px;width:52px;height:52px;margin-left:-26px;border-radius:50%;background:var(--gp-green);display:flex;align-items:center;justify-content:center;transform:translateZ(30px) scale(0);transition:transform .5s cubic-bezier(.2,1.6,.4,1) 1.3s;box-shadow:0 0 0 0 rgba(34,197,94,.5)}
.scene.s3 .ring svg{width:28px;height:28px;fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.gp-flow-step.on .scene.s3 .ring{transform:translateZ(30px) scale(1);animation:gpRing 1.6s ease-out 1.6s infinite}
@keyframes gpRing{0%{box-shadow:0 0 0 0 rgba(34,197,94,.55)}100%{box-shadow:0 0 0 22px rgba(34,197,94,0)}}
.scene.s3 .lbl{position:absolute;left:0;right:0;bottom:12px;text-align:center;font:700 .7rem var(--gp-body);color:var(--gp-green);opacity:0;transition:opacity .4s 1.5s}
.gp-flow-step.on .scene.s3 .lbl{opacity:1}
/* 4 · receive */
.scene.s4 .env{position:absolute;left:50%;top:40px;width:140px;height:90px;margin-left:-70px;border-radius:10px;background:linear-gradient(160deg,#3B82F6,#1d4ed8);transform:translateZ(10px);transform-style:preserve-3d}
.scene.s4 .flap{position:absolute;left:0;right:0;top:0;height:46px;background:linear-gradient(160deg,#60a5fa,#3B82F6);clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:top;transition:transform .6s cubic-bezier(.4,0,.2,1);transform:rotateX(0);z-index:3}
.gp-flow-step.on .scene.s4 .flap{transform:rotateX(-170deg)}
.scene.s4 .card{position:absolute;left:10px;right:10px;top:12px;height:66px;border-radius:8px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-style:normal;transform:translateY(0) translateZ(5px);transition:transform .8s cubic-bezier(.2,.8,.25,1) .4s;z-index:2}
.scene.s4 .card b{font:800 .72rem var(--gp-mono);color:#0B1C4A;letter-spacing:.06em}.scene.s4 .card small{font-size:.55rem;color:#5B6884}
.gp-flow-step.on .scene.s4 .card{transform:translateY(-44px) translateZ(40px) scale(1.08);box-shadow:0 20px 30px rgba(0,0,0,.45)}
.scene.s4 .spark{position:absolute;left:50%;top:30px;width:6px;height:6px;border-radius:50%;background:var(--gp-gold);opacity:0;box-shadow:-40px -10px 0 var(--gp-gold),40px -14px 0 var(--gp-violet),-28px 18px 0 var(--gp-green),30px 12px 0 var(--gp-cyan)}
.gp-flow-step.on .scene.s4 .spark{animation:gpSpark 1.2s ease-out .9s infinite}
@keyframes gpSpark{0%{opacity:0;transform:scale(.4)}30%{opacity:1}100%{opacity:0;transform:scale(1.8)}}
.gp-flow-status{display:flex;width:max-content;align-items:center;gap:10px;margin:18px auto 0;padding:8px 14px;border-radius:999px;background:var(--gp-surface);border:1px solid var(--gp-line2);font-weight:700;font-size:.85rem;color:var(--gp-ink)}
.gp-flow-status i{width:8px;height:8px;border-radius:50%;background:var(--gp-violet);animation:gpPulse 1.6s infinite}
.gp-flow[data-stage="4"] .gp-flow-status i{background:var(--gp-green)}
@media (max-width:1024px){.gp-flow-stage{display:none}.gp-flow{padding-top:10px}.gp-flow-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.gp-flow-steps{grid-template-columns:1fr}.gp-flow-step .card3d{height:140px}.gp-flow-step.on{transform:none}}

/* ---- V12.5 header: every action stays visible — the row sheds width in steps instead of clipping ---- */
.gp-header .gp-wrap{min-width:0}
.gp-nav{flex:0 1 auto;min-width:0}
.gp-hacts{flex:0 0 auto;min-width:0}
.gp-adminbtn{width:auto;padding:0 13px 0 11px;gap:7px;display:inline-flex;align-items:center;font-weight:800;font-size:.86rem;color:#1A1405;border:1px solid rgba(255,220,140,.5);background:linear-gradient(135deg,#FFD46A,#F5A60D);box-shadow:0 6px 16px rgba(245,166,13,.28);white-space:nowrap}
.gp-adminbtn .gp-ico{width:18px;height:18px;stroke-width:2.2}
.gp-adminbtn:hover{background:linear-gradient(135deg,#FFE08A,#FFB526);color:#1A1405;transform:translateY(-1px)}
@media(max-width:1760px){.gp-hacts .gp-btn.gp-wdbtn{padding:9px 12px}.gp-hsearch{flex-basis:170px}}
@media(max-width:1640px){.gp-adminbtn span{display:none}.gp-adminbtn{width:40px;padding:0}}
@media(max-width:1500px){.gp-hacts .gp-btn.gp-wdbtn{font-size:0;gap:0;padding:0;width:40px;height:40px;justify-content:center;border-radius:11px}.gp-hacts .gp-wdbtn .gp-ico{width:19px;height:19px}.gp-nav a{padding:9px 10px}}
@media(max-width:1380px){.gp-nav a{padding:9px 8px;font-size:.88rem}.gp-hsearch{flex-basis:150px;min-width:120px}.gp-hacts{gap:6px}}
@media(max-width:1180px){.gp-nav a[data-pri="2"]{display:none}.gp-hsearch{min-width:110px}}
/* V12.5 studio blocks inside articles */
.gp-art-body .faq{margin:2em 0;padding:6px 0 2px;border-top:1px solid var(--gp-line)}
.gp-art-body .faq>h3{font-size:1.08rem;margin:1.2em 0 .45em;padding-left:14px;border-left:3px solid var(--gp-cyan)}
.gp-art-body .faq>p{margin-left:17px}
.gp-art-body h4{font-size:1.02rem;margin:1.4em 0 .4em;color:#fff}
.gp-art-body s{opacity:.7}
.lm-del{color:#FF9B9B!important;border-color:rgba(240,97,109,.35)!important}.lm-del:hover{background:rgba(240,97,109,.14)!important}
/* V12.7 — buy buttons inside articles (ChatGPT guides): keep the button look, not link styling; bold inside a callout paragraph stays inline */
.gp-art-body .callout p b:first-child,.gp-art-body .kt li b:first-child{display:inline;margin:0}
.gp-art-body a.gp-btn{text-decoration:none!important;color:#fff!important;display:inline-flex;align-items:center;gap:6px;margin:4px 8px 4px 0}
.gp-art-body .btn-row{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}
.gp-art-body .btn-row a.gp-btn{margin:0}
.gp-art-body a.gp-btn.ghost{background:transparent!important;border:1px solid rgba(255,255,255,.25);box-shadow:none}
/* V12.7 — the studio saves bold as <strong>; give block titles the same look as <b> */
.gp-art-body ol.steps strong{color:#fff}
.gp-art-body .callout>strong:first-child{display:block;margin-bottom:4px;color:#fff}
.gp-art-body .kt>strong:first-child{display:block;font-family:var(--gp-display);font-size:1.1rem;color:#fff;margin-bottom:10px}
.gp-art-body .cta>div>strong{display:block;font-family:var(--gp-display);font-size:1.15rem;color:#fff;margin-bottom:4px}
.gp-art-body .callout p strong:first-child,.gp-art-body .kt li strong:first-child{display:inline;margin:0}
html[data-theme=light] .gp-art-body .callout>strong:first-child,html[data-theme=light] .gp-art-body .kt>strong:first-child,html[data-theme=light] .gp-art-body ol.steps strong,html[data-theme=light] .gp-art-body .cta>div>strong{color:#151916}
/* V12.8: the Admin / Studio button's icon sits dead centre when the label is hidden */
.gp-adminbtn{justify-content:center}
@media(max-width:1640px){.gp-adminbtn{width:40px;min-width:40px;padding:0;gap:0}.gp-adminbtn .gp-ico{margin:0}}
/* V12.8: real "bought in the last 30 days" pill on the card hero */
.gp-chero-buys{position:absolute;right:14px;top:66px;z-index:3;display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;background:rgba(10,14,26,.78);border:1px solid rgba(255,140,60,.45);color:#FFE2C7;font-size:12.5px;font-weight:600;backdrop-filter:blur(6px)}
.gp-chero-buys b{color:#fff}
/* V12.9: country & currency selector */
.gp-loc{position:relative}
.gp-loc>summary{list-style:none;display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 12px;border-radius:12px;border:1px solid var(--gp-line,rgba(255,255,255,.12));background:rgba(255,255,255,.04);color:inherit;cursor:pointer;font-size:.86rem;white-space:nowrap}
.gp-loc>summary::-webkit-details-marker{display:none}
.gp-loc>summary .fl{font-size:1.05rem;line-height:1}.gp-loc>summary i{opacity:.5;font-style:normal}
.gp-loc>summary svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;opacity:.7}
.gp-loc-pop{position:absolute;right:0;top:calc(100% + 8px);z-index:200;width:300px;max-height:min(70vh,520px);display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:#0E1529;box-shadow:0 18px 50px rgba(0,0,0,.45)}
.gp-loc-h b{display:block;font-size:.95rem}.gp-loc-h small{font-size:.76rem;opacity:.7}
.gp-loc-pop input{height:38px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:inherit;padding:0 10px}
.gp-loc-list{overflow:auto;display:flex;flex-direction:column}
.gp-loc-list a{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;border-radius:9px;color:inherit;text-decoration:none;font-size:.88rem}
.gp-loc-list a:hover,.gp-loc-list a[aria-current]{background:rgba(124,92,255,.16)}
.gp-loc-list a em{font-style:normal;font-size:.75rem;opacity:.7}
.gp-loc-list a.auto{font-weight:600}
html[data-theme=light] .gp-loc-pop{background:#fff;border-color:#e3e7ef;color:#151b2c}
@media(max-width:760px){.gp-loc>summary{padding:0 9px;height:36px}.gp-loc>summary b+i,.gp-loc>summary b:last-of-type{display:none}.gp-loc-pop{position:fixed;left:12px;right:12px;top:64px;width:auto}}
/* V12.9: region badges */
.gp-rgn{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:.74rem;font-weight:700;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14)}
.gp-rgn.global{background:rgba(47,230,166,.12);border-color:rgba(47,230,166,.4);color:#7CF2C8}
.gp-rgn.locked{background:rgba(245,196,81,.10);border-color:rgba(245,196,81,.35);color:#F5D27A}