/* ============================================================
   AURA — Marketplace de Games · Perfil do Usuário
   Sistema visual extraído do Figma + PDFs da Aura
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Saira:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,700;1,800&family=Inter:wght@400;500;600;700;800&display=swap');

:root{
  /* base */
  --black:#000000;
  --bg:#070708;
  --bg-2:#0c0b10;
  --panel:#141416;
  --card:#181818;
  --card-2:#1e1e1e;
  --card-3:#232325;
  --line:rgba(255,255,255,.08);
  --line-2:rgba(255,255,255,.14);
  --stroke:#2a2a2e;
  --stroke-strong:#444;

  /* accents */
  --lime:#c8fa00;
  --lime-2:#b1fa00;
  --lime-dim:rgba(200,250,0,.14);
  --purple:#6f00ff;
  --purple-2:#8c24ff;
  --purple-3:#5f02fb;
  --purple-light:#c184ff;
  --purple-dim:rgba(140,36,255,.16);

  /* text */
  --tx:#ffffff;
  --tx-2:#e3e3e3;
  --tx-dim:#9a9a9f;
  --tx-mute:#6f6f76;

  /* fonts */
  --display:'Saira',system-ui,sans-serif;
  --body:'Inter',system-ui,sans-serif;

  --maxw:1320px;
  --pad:88px;
}

*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{
  background:var(--black);
  color:var(--tx);
  font-family:var(--body);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
img{display:block;max-width:100%;}
a{color:inherit;text-decoration:none;}
button{font-family:inherit;}
::selection{background:var(--lime);color:#0d0d0d;}

/* page frame ------------------------------------------------ */
.page{
  width:100%;
  min-height:100vh;
  margin:0 auto;
  background:
    radial-gradient(1200px 700px at 80% -5%, rgba(111,0,255,.18), transparent 60%),
    radial-gradient(900px 600px at -10% 30%, rgba(140,36,255,.10), transparent 55%),
    var(--bg);
  overflow:hidden;
}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px;}

/* typography ------------------------------------------------ */
.display{
  font-family:var(--display);
  font-weight:800;
  font-style:italic;
  text-transform:uppercase;
  letter-spacing:.005em;
  line-height:.95;
  margin:0;
}
.eyebrow{
  font-family:var(--display);
  font-weight:700;
  font-style:italic;
  text-transform:uppercase;
  letter-spacing:.14em;
  font-size:13px;
  color:var(--lime);
}
.sec-title{
  font-family:var(--display);
  font-weight:800;font-style:italic;text-transform:uppercase;
  font-size:42px;line-height:.96;letter-spacing:.004em;margin:0;
}
.muted{color:var(--tx-dim);}
.lime{color:var(--lime);}
.purple{color:var(--purple-light);}

/* buttons --------------------------------------------------- */
.btn{
  display:inline-flex;align-items:center;gap:10px;
  font-weight:700;font-size:14px;cursor:pointer;border:none;
  transition:transform .15s ease, box-shadow .15s ease, background .15s ease;
}
.btn:active{transform:translateY(1px);}
.btn-pill{
  background:var(--lime);color:#0d0d0d;border-radius:999px;
  padding:11px 26px;
}
.btn-pill:hover{box-shadow:0 0 24px rgba(200,250,0,.45);}
.btn-ghost{
  background:transparent;color:var(--tx);border:1px solid var(--line-2);
  border-radius:999px;padding:11px 24px;
}
.btn-ghost:hover{border-color:var(--lime);color:var(--lime);}

/* cut-corner CTA (assinatura Aura) */
.btn-cta{
  position:relative;background:var(--lime);color:#0d0d0d;
  font-family:var(--display);font-style:italic;font-weight:700;
  text-transform:uppercase;letter-spacing:.06em;font-size:13px;
  padding:13px 16px 13px 20px;
  clip-path:polygon(0 0,100% 0,100% 60%,calc(100% - 14px) 100%,0 100%);
  display:inline-flex;align-items:center;gap:14px;cursor:pointer;border:none;
}
.btn-cta .arw{
  display:grid;place-items:center;width:22px;height:22px;background:#0d0d0d;
  color:var(--lime);font-size:12px;
}
.btn-cta:hover{box-shadow:0 0 28px rgba(200,250,0,.4);}

/* chips / tags ---------------------------------------------- */
.tag{
  display:inline-flex;align-items:center;gap:6px;
  font-size:11px;font-weight:600;letter-spacing:.02em;
  padding:5px 10px;border-radius:6px;background:var(--card-3);
  color:var(--tx-2);border:1px solid var(--line);
}
.tag.lime{background:var(--lime-dim);color:var(--lime);border-color:rgba(200,250,0,.25);}
.tag.purple{background:var(--purple-dim);color:var(--purple-light);border-color:rgba(140,36,255,.3);}
.tag.dot::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;}

/* generic card --------------------------------------------- */
.card{
  background:var(--card);
  border:1px solid var(--stroke);
  border-radius:16px;
}

/* ===========================================================
   HEADER
   =========================================================== */
.hd{
  position:sticky;top:0;z-index:50;
  display:flex;align-items:center;gap:22px;
  height:78px;padding:0 max(24px, calc((100% - var(--maxw)) / 2 + 24px));
  background:rgba(13,12,18,.86);
  backdrop-filter:blur(16px);
  border-bottom:1px solid var(--line);
}
.hd .logo{height:22px;}
.hd .search{
  flex:1;max-width:420px;display:flex;align-items:center;gap:10px;
  background:var(--card);border:1px solid var(--stroke);border-radius:999px;
  padding:10px 18px;color:var(--tx-mute);font-size:14px;
}
.hd .search svg{width:16px;height:16px;flex:none;}
.hd .navlink{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--tx-2);cursor:pointer;}
.hd .navlink:hover{color:var(--lime);}
.hd .spacer{flex:1;}
.hd .icobtn{position:relative;display:grid;place-items:center;width:40px;height:40px;border-radius:10px;color:var(--tx-2);cursor:pointer;}
.hd .icobtn:hover{background:var(--card);color:var(--lime);}
.hd .icobtn .badge{position:absolute;top:5px;right:6px;min-width:15px;height:15px;padding:0 3px;border-radius:8px;background:var(--lime);color:#0d0d0d;font-size:9px;font-weight:800;display:grid;place-items:center;}
.hd .me{display:flex;align-items:center;gap:9px;padding:5px 8px 5px 5px;border-radius:999px;border:1px solid var(--line);cursor:pointer;}
.hd .me:hover{border-color:var(--line-2);}
.hd .me .av{width:32px;height:32px;border-radius:50%;object-fit:cover;border:1.5px solid var(--lime);}
.hd .me .nm{font-size:14px;font-weight:500;color:var(--tx-2);}
.hd .me .nm b{font-weight:800;color:#fff;}
.hd .me{border:none;padding:4px 6px 4px 4px;}
.hd .me:hover{background:rgba(255,255,255,.04);}
.hd .icobtn svg{width:22px;height:22px;}
.hd .search{background:rgba(255,255,255,.04);}
.hd .navlink{color:#fff;font-weight:500;}
.hd > .btn-pill{padding:10px 24px;font-weight:700;}
.hd .gst{display:flex;align-items:center;gap:22px;}
.hd .gst .lg{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:500;color:#fff;}
.hd .gst .lg svg{width:18px;height:18px;color:var(--lime);}
.hd .gst .lg:hover{color:var(--lime);}
.hd .gst .btn-pill{padding:10px 26px;}

/* ===========================================================
   COVER / IDENTIDADE
   =========================================================== */
.cover{position:relative;height:300px;overflow:hidden;}
.cover .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 28%;}
.cover .grad{position:absolute;inset:0;background:
  linear-gradient(180deg, rgba(7,7,8,.15) 0%, rgba(7,7,8,.55) 55%, var(--bg) 100%),
  linear-gradient(90deg, rgba(95,2,251,.45) 0%, rgba(7,7,8,0) 55%);}
.cover .hexline{position:absolute;inset:0;mix-blend-mode:screen;opacity:.5;}
.cover .editbtn{position:absolute;top:18px;right:40px;}

.identity{position:relative;margin-top:-92px;z-index:5;}
.id-row{display:flex;align-items:flex-end;gap:26px;}
.id-av-wrap{position:relative;flex:none;}
.id-av{width:150px;height:150px;border-radius:24px;object-fit:cover;border:3px solid var(--lime);background:#222;box-shadow:0 18px 50px rgba(0,0,0,.6);}
.id-av-wrap .seal{position:absolute;right:-10px;bottom:-10px;width:42px;height:42px;filter:drop-shadow(0 4px 10px rgba(0,0,0,.5));}
.id-av-wrap .status{position:absolute;left:10px;top:10px;display:flex;align-items:center;gap:6px;background:rgba(7,7,8,.7);backdrop-filter:blur(6px);border:1px solid rgba(200,250,0,.4);color:var(--lime);font-size:10px;font-weight:700;padding:4px 9px;border-radius:999px;}
.id-av-wrap .status::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 8px var(--lime);}

.id-main{flex:1;padding-bottom:6px;min-width:0;}
.id-name{display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
.id-name h1{font-family:var(--display);font-style:italic;font-weight:900;text-transform:uppercase;font-size:46px;line-height:1;margin:0;letter-spacing:.004em;}
.tier-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:10px;font-family:var(--display);font-style:italic;font-weight:800;text-transform:uppercase;font-size:14px;letter-spacing:.05em;}
.tier-badge svg{width:16px;height:16px;}
.tier-Ouro{background:linear-gradient(135deg,#ffd54a,#c8920f);color:#241a00;}
.tier-Prata{background:linear-gradient(135deg,#e9eef2,#9aa7b3);color:#1a2128;}
.tier-Bronze{background:linear-gradient(135deg,#e0915a,#9a5520);color:#241200;}
.id-handle{margin:10px 0 0;color:var(--tx-dim);font-size:14px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
.id-handle b{color:var(--tx-2);font-weight:600;}
.id-bio{margin:12px 0 0;color:var(--tx-2);font-size:14px;line-height:1.5;max-width:560px;}
.id-actions{display:flex;gap:12px;padding-bottom:6px;flex:none;}

/* quick stat strip */
.qstats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:30px;}
.qstat{background:var(--card);border:1px solid var(--stroke);border-radius:14px;padding:18px 20px;position:relative;overflow:hidden;}
.qstat::after{content:"";position:absolute;right:-30px;top:-30px;width:90px;height:90px;border-radius:50%;background:radial-gradient(circle,var(--purple-dim),transparent 70%);}
.qstat .k{font-size:12px;font-weight:600;color:var(--tx-dim);text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:7px;}
.qstat .k svg{width:14px;height:14px;color:var(--lime);}
.qstat .v{font-family:var(--display);font-style:italic;font-weight:800;font-size:34px;margin-top:8px;line-height:1;}
.qstat .s{font-size:12px;color:var(--tx-mute);margin-top:6px;}
.qstat .v .u{font-size:18px;color:var(--tx-dim);font-style:normal;font-weight:600;}

/* ===========================================================
   SECTION SHELL
   =========================================================== */
section.block{padding:54px 0 0;}
.block-hd{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:26px;}
.block-hd .l{max-width:620px;}
.block-hd .eyebrow{margin-bottom:12px;display:block;}
.block-hd p{margin:12px 0 0;color:var(--tx-dim);font-size:14px;line-height:1.55;}

/* ===========================================================
   FATURAMENTO (linha)
   =========================================================== */
.fat{background:linear-gradient(180deg,#0e0d12,#0a090c);border:1px solid var(--stroke);border-radius:22px;padding:34px 38px;display:grid;grid-template-columns:300px 1fr;gap:38px;align-items:center;}
.fat .left{display:flex;flex-direction:column;gap:22px;}
.fat .callout{display:flex;gap:14px;align-items:flex-start;}
.fat .callout .ic{flex:none;width:34px;height:34px;border-radius:9px;background:var(--lime);display:grid;place-items:center;color:#0d0d0d;}
.fat .callout .ic svg{width:18px;height:18px;}
.fat .callout .big{font-family:var(--display);font-style:italic;font-weight:800;font-size:26px;line-height:1;}
.fat .callout .sm{color:var(--tx-dim);font-size:12.5px;margin-top:5px;line-height:1.4;max-width:200px;}
.fat .chart{position:relative;}
.fat .chart .totrow{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:6px;}
.fat .chart .tot .lbl{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--tx-mute);font-weight:600;}
.fat .chart .tot .num{font-family:var(--display);font-style:italic;font-weight:900;font-size:52px;line-height:1;margin-top:4px;}
.fat .chart .legend{display:flex;gap:18px;align-items:center;font-size:11px;color:var(--tx-dim);}
.fat .chart .legend .dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:6px;}
.fat svg.line{width:100%;height:210px;display:block;overflow:visible;}
.fat .xlabels{display:flex;justify-content:space-between;margin-top:8px;font-size:10.5px;color:var(--tx-mute);font-weight:600;letter-spacing:.04em;}

/* ===========================================================
   KPIs grandes
   =========================================================== */
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.kpi{background:var(--card);border:1px solid var(--stroke);border-radius:16px;padding:24px;position:relative;overflow:hidden;}
.kpi .top{display:flex;align-items:center;justify-content:space-between;}
.kpi .ic{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:var(--purple-dim);color:var(--purple-light);}
.kpi .ic svg{width:20px;height:20px;}
.kpi .trend{font-size:11px;font-weight:700;padding:3px 8px;border-radius:6px;background:var(--lime-dim);color:var(--lime);}
.kpi .trend.down{background:rgba(255,90,90,.12);color:#ff7a7a;}
.kpi .num{font-family:var(--display);font-style:italic;font-weight:800;font-size:40px;line-height:1;margin-top:24px;}
.kpi .num .u{font-size:22px;color:var(--tx-dim);font-style:normal;}
.kpi .cap{font-size:13px;color:var(--tx-dim);margin-top:8px;}

/* ===========================================================
   ANÁLISES (gauge + barras + donut)
   =========================================================== */
.analytics{display:grid;grid-template-columns:1.05fr 1fr 1fr;gap:16px;}
.acard{background:var(--card);border:1px solid var(--stroke);border-radius:18px;padding:26px;}
.acard h3{font-family:var(--display);font-style:italic;font-weight:800;text-transform:uppercase;font-size:18px;letter-spacing:.03em;margin:0 0 4px;}
.acard .sub{font-size:12px;color:var(--tx-mute);margin:0 0 18px;}

/* gauge */
.gauge-wrap{display:flex;flex-direction:column;align-items:center;}
.gauge{position:relative;width:230px;height:135px;}
.gauge svg{width:230px;height:135px;overflow:visible;}
.gauge .center{position:absolute;left:0;right:0;top:50px;text-align:center;}
.gauge .center .g-num{font-family:var(--display);font-style:italic;font-weight:900;font-size:46px;line-height:1;}
.gauge .center .g-lbl{font-size:11px;color:var(--tx-mute);text-transform:uppercase;letter-spacing:.08em;margin-top:2px;}
.gauge-foot{display:flex;gap:18px;margin-top:14px;}
.gauge-foot .gf{text-align:center;}
.gauge-foot .gf b{font-family:var(--display);font-style:italic;font-size:20px;display:block;}
.gauge-foot .gf span{font-size:11px;color:var(--tx-mute);}

/* bars */
.bars{display:flex;flex-direction:column;gap:13px;}
.bar-row{display:flex;align-items:center;gap:12px;}
.bar-row .star{display:flex;align-items:center;gap:3px;width:46px;font-size:12px;font-weight:700;color:var(--tx-2);}
.bar-row .star svg{width:12px;height:12px;color:var(--lime);}
.bar-track{flex:1;height:9px;border-radius:6px;background:var(--card-3);overflow:hidden;}
.bar-fill{height:100%;border-radius:6px;width:0;background:linear-gradient(90deg,var(--purple-2),var(--lime));transition:width 1.2s cubic-bezier(.22,1,.36,1);}
.bar-row .pct{width:42px;text-align:right;font-size:12px;font-weight:700;color:var(--tx-dim);font-variant-numeric:tabular-nums;}
.bars-foot{margin-top:18px;display:flex;align-items:center;gap:10px;padding-top:16px;border-top:1px solid var(--line);}
.bars-foot .big{font-family:var(--display);font-style:italic;font-weight:900;font-size:34px;}
.bars-foot .stars{color:var(--lime);font-size:15px;letter-spacing:2px;}
.bars-foot small{color:var(--tx-mute);font-size:12px;}

/* donut */
.donut-wrap{display:flex;align-items:center;gap:20px;}
.donut{position:relative;width:150px;height:150px;flex:none;}
.donut svg{transform:rotate(-90deg);}
.donut .dc{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.donut .dc b{font-family:var(--display);font-style:italic;font-weight:900;font-size:28px;line-height:1;}
.donut .dc span{font-size:10px;color:var(--tx-mute);text-transform:uppercase;letter-spacing:.06em;}
.donut-legend{display:flex;flex-direction:column;gap:9px;flex:1;}
.dl-row{display:flex;align-items:center;gap:9px;font-size:12.5px;}
.dl-row .sw{width:11px;height:11px;border-radius:3px;flex:none;}
.dl-row .nm{flex:1;color:var(--tx-2);}
.dl-row .vl{font-weight:700;color:var(--tx);font-variant-numeric:tabular-nums;}

/* ===========================================================
   GAMES (constelação)
   =========================================================== */
.games{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;background:linear-gradient(180deg,#0d0c11,#0a090c);border:1px solid var(--stroke);border-radius:22px;padding:40px;}
.games .checklist{display:grid;grid-template-columns:1fr 1fr;gap:14px 22px;margin:26px 0 28px;}
.gl{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:var(--tx-2);}
.gl .bx{width:22px;height:22px;border-radius:6px;background:var(--lime);display:grid;place-items:center;color:#0d0d0d;flex:none;}
.gl .bx svg{width:13px;height:13px;}
.constel{position:relative;aspect-ratio:1;max-width:420px;margin:0 auto;width:100%;}
.constel .ring{position:absolute;inset:8%;border:1.5px dashed rgba(200,250,0,.45);border-radius:50%;animation:spin 60s linear infinite;}
.constel .ring.r2{inset:20%;border-color:rgba(140,36,255,.4);animation-duration:42s;animation-direction:reverse;}
.constel .core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:42%;height:42%;border-radius:50%;background:radial-gradient(circle,rgba(140,36,255,.32),transparent 70%);display:grid;place-items:center;text-align:center;}
.constel .core .cg{font-family:var(--display);font-style:italic;font-weight:900;text-transform:uppercase;font-size:21px;line-height:1;color:#fff;text-shadow:0 0 22px rgba(193,132,255,.8);}
.constel .core .cs{font-size:10px;color:var(--lime);text-transform:uppercase;letter-spacing:.1em;margin-top:6px;font-weight:700;}
.gnode{position:absolute;transform:translate(-50%,-50%);font-family:var(--display);font-style:italic;font-weight:800;text-transform:uppercase;white-space:nowrap;color:var(--tx-2);font-size:15px;letter-spacing:.02em;}
.gnode::before{content:"";position:absolute;left:-14px;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px var(--lime);}
.gnode.dim{color:var(--tx-mute);font-size:13px;}
.gnode.dim::before{background:var(--purple-light);box-shadow:0 0 8px var(--purple-light);}

@keyframes spin{to{transform:rotate(360deg);}}

/* ===========================================================
   ANÚNCIOS (grid de produtos)
   =========================================================== */
.listings{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.prod{background:var(--card-2);border:1px solid var(--stroke);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:transform .18s ease,border-color .18s ease;cursor:pointer;}
.prod:hover{transform:translateY(-4px);border-color:rgba(200,250,0,.5);}
.prod .ph{position:relative;aspect-ratio:4/3;overflow:hidden;background:#111;}
.prod .ph img{width:100%;height:100%;object-fit:cover;}
.prod .ph .ovl{position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(20,18,24,.85));}
.prod .ph .toptags{position:absolute;top:10px;left:10px;display:flex;gap:6px;}
.prod .ph .deliv{position:absolute;bottom:10px;left:10px;}
.prod .bd{padding:14px 14px 16px;display:flex;flex-direction:column;gap:10px;flex:1;}
.prod .ttl{font-weight:700;font-size:14px;line-height:1.3;}
.prod .meta{display:flex;flex-wrap:wrap;gap:6px;}
.prod .pricerow{margin-top:auto;display:flex;align-items:flex-end;justify-content:space-between;padding-top:10px;border-top:1px solid var(--line);}
.prod .price .c{font-size:11px;color:var(--tx-mute);}
.prod .price .p{font-family:var(--display);font-style:italic;font-weight:800;font-size:22px;line-height:1;}
.prod .rate{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:700;color:var(--tx-2);}
.prod .rate svg{width:13px;height:13px;color:var(--lime);}

/* ===========================================================
   AVALIAÇÕES recebidas
   =========================================================== */
.reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.rev{position:relative;background:linear-gradient(180deg,rgba(95,2,251,.16),rgba(24,24,24,.6));border:1px solid rgba(140,36,255,.28);border-radius:18px;padding:26px 24px 22px;overflow:hidden;}
.rev .q{font-family:var(--display);font-style:italic;font-weight:900;font-size:72px;line-height:.6;color:rgba(193,132,255,.4);height:34px;}
.rev .stars{color:var(--lime);font-size:14px;letter-spacing:2px;margin:8px 0 12px;}
.rev .txt{font-size:13.5px;line-height:1.6;color:var(--tx-2);min-height:88px;}
.rev .who{display:flex;align-items:center;gap:12px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line);}
.rev .who .av{width:38px;height:38px;border-radius:50%;object-fit:cover;background:#333;border:1.5px solid var(--purple-light);}
.rev .who .nm{font-weight:700;font-size:13px;}
.rev .who .dt{font-size:11px;color:var(--tx-mute);}
.rev .who .gm{margin-left:auto;}

/* ===========================================================
   BANNER (Vendedor Verificado)
   =========================================================== */
.banner{position:relative;border-radius:22px;overflow:hidden;min-height:340px;display:flex;align-items:center;isolation:isolate;
  background:#07000e;border:1px solid rgba(140,36,255,.45);
  box-shadow:0 0 0 1px rgba(200,250,0,.06) inset,0 24px 70px -28px rgba(111,0,255,.75);}
/* grade neon + brilho roxo no lado do texto */
.banner::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(520px 320px at 8% 0%,rgba(140,36,255,.38),transparent 70%),
    radial-gradient(380px 240px at 30% 110%,rgba(200,250,0,.10),transparent 70%),
    repeating-linear-gradient(0deg,rgba(140,36,255,.13) 0 1px,transparent 1px 34px),
    repeating-linear-gradient(90deg,rgba(140,36,255,.13) 0 1px,transparent 1px 34px);
  -webkit-mask-image:linear-gradient(90deg,#000 0%,#000 35%,transparent 62%);mask-image:linear-gradient(90deg,#000 0%,#000 35%,transparent 62%);}
.banner .art{position:absolute;right:0;top:0;bottom:0;width:64%;z-index:1;}
.banner .art img{width:100%;height:100%;object-fit:cover;object-position:right center;}
.banner .art{-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.55) 18%,#000 42%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.55) 18%,#000 42%);}
.banner .hex{position:absolute;inset:0;opacity:.25;mix-blend-mode:overlay;}
.banner .bc{position:relative;z-index:2;padding:48px 48px 44px;max-width:620px;}
.banner .eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:14px;}
.banner .eyebrow img{width:18px;height:18px;}
.banner h2 .lime{color:var(--lime);text-shadow:0 0 24px rgba(200,250,0,.45);}
.banner h2{font-family:var(--display);font-style:italic;font-weight:900;text-transform:uppercase;font-size:42px;line-height:.98;margin:0;letter-spacing:.004em;}
.banner p{color:rgba(255,255,255,.78);font-size:14.5px;line-height:1.55;margin:16px 0 0;max-width:440px;}
.banner .feats{display:flex;flex-direction:column;gap:9px;margin:20px 0 26px;}
.banner .feats li{display:flex;align-items:center;gap:10px;font-size:13.5px;font-weight:600;list-style:none;}
.banner .feats .ck{width:20px;height:20px;border-radius:6px;background:var(--lime);box-shadow:0 0 12px rgba(200,250,0,.45);display:grid;place-items:center;color:#0d0d0d;flex:none;}
.banner .feats .ck svg{width:12px;height:12px;}
.banner ul{margin:0;padding:0;}
.banner .priced{display:flex;align-items:center;gap:16px;flex-wrap:wrap;}
.banner .priced .pp{font-family:var(--display);font-style:italic;font-weight:800;font-size:15px;color:#fff;}

/* ===========================================================
   FOOTER
   =========================================================== */
.ft{position:relative;margin-top:72px;background:#0b0a12;border-top:1px solid rgba(255,255,255,.07);padding:56px 0 28px;overflow:hidden;}
.ft::before{content:"";position:absolute;left:0;right:0;top:-1px;height:2px;background:linear-gradient(90deg,transparent,var(--purple-2),var(--lime),transparent);opacity:.8;}
.ft .ft-glow{position:absolute;inset:auto -10% -60% -10%;height:120%;background:radial-gradient(600px 260px at 15% 100%,rgba(111,0,255,.22),transparent 70%),radial-gradient(500px 220px at 90% 100%,rgba(200,250,0,.06),transparent 70%);pointer-events:none;}
.ft .wrap{position:relative;}
.ft-top{display:grid;grid-template-columns:1.7fr repeat(4,1fr);gap:32px;}
.ft-brand img{height:28px;width:auto;margin-bottom:16px;}
.ft-brand p{font-size:13px;line-height:1.65;color:var(--tx-dim);max-width:320px;margin:0 0 18px;}
.ft-trust{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid rgba(200,250,0,.25);background:rgba(200,250,0,.05);border-radius:12px;margin-bottom:18px;}
.ft-trust svg{width:20px;height:20px;color:var(--lime);flex:none;}
.ft-trust span{font-size:11.5px;color:var(--tx-dim);line-height:1.35;}
.ft-trust b{display:block;color:#fff;font-size:12.5px;}
.ft-social{display:flex;gap:10px;}
.ft-social a{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:#fff;transition:.15s;}
.ft-social a:hover{border-color:var(--lime);color:var(--lime);}
.ft-social svg{width:18px;height:18px;}
.ft-col h4{font-family:var(--display);font-style:italic;font-weight:800;text-transform:uppercase;letter-spacing:.06em;font-size:13px;color:#fff;margin:4px 0 16px;}
.ft-col a{display:block;font-size:13px;color:var(--tx-dim);padding:5px 0;transition:color .15s;}
.ft-col a:hover{color:var(--lime);}
.ft-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:40px;padding-top:22px;border-top:1px solid rgba(255,255,255,.08);font-size:12px;color:var(--tx-mute);}
.ft-pay{display:flex;gap:8px;flex-wrap:wrap;}
.ft-pay span{padding:5px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.1);font-size:11.5px;font-weight:600;color:var(--tx-dim);}
.ft-pay .lime{color:var(--lime);border-color:rgba(200,250,0,.3);}
@media(max-width:980px){.ft-top{grid-template-columns:1fr 1fr;}.ft-brand{grid-column:1/-1;}}
@media(max-width:520px){.ft{padding:40px 0 24px;}.ft-top{gap:24px 16px;}.ft-bottom{flex-direction:column;align-items:flex-start;}}

/* reveal-on-scroll */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.22,1,.36,1);}
.reveal.in{opacity:1;transform:none;}

/* hidden via tweaks */
[data-section].hidden{display:none !important;}

@media(max-width:980px){
  .qstats,.kpis,.listings{grid-template-columns:repeat(2,1fr);}
  .analytics,.games,.reviews{grid-template-columns:1fr;}
  .fat{grid-template-columns:1fr;}
}

/* cabeçalho: logo | busca + Categorias + Anunciar (centro) | ícones e conta */
.hd{display:grid !important;grid-template-columns:1fr auto 1fr;}
.hd > a:first-child{justify-self:start;display:flex;align-items:center;}
.hd .hd-mid{display:flex;align-items:center;gap:22px;}
.hd .hd-mid .search{width:420px;max-width:none;flex:none;}
.hd .hd-right{display:flex;align-items:center;gap:14px;justify-self:end;}
.hd .hd-mid > .btn-pill{padding:10px 24px;font-weight:700;}
@media(max-width:1250px){.hd .hd-mid .search{width:300px;}}
@media(max-width:1100px){.hd .hd-mid .search{width:220px;}.hd .hd-mid{gap:16px;}}
/* rodapé: só o copyright, centralizado */
.ft-bottom{justify-content:center !important;align-items:center !important;text-align:center;}

/* selo de verificado (SVG) */
img[src$="verified-seal.svg"]{background:none !important;border:none !important;box-shadow:none !important;border-radius:0 !important;padding:0 !important;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5));}