:root{
  --bg:#070707;
  --bg-soft:#0d0d0e;
  --card:#111113;
  --line:rgba(255,255,255,.09);
  --text:#f8f8f8;
  --muted:#9c9ca5;
  --orange:#ff5a13;
  --amber:#ffbd17;
  --white:#fff;
  --shadow:0 30px 90px rgba(0,0,0,.45);
  --radius:28px;
  --container:min(1180px, calc(100% - 40px));
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:'Manrope',sans-serif;line-height:1.6;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.017) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.017) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.65),transparent 75%);z-index:-3}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font:inherit}.container{width:var(--container);margin-inline:auto}.section-pad{padding:112px 0}.tight-top{padding-top:72px}.page-glow{position:fixed;border-radius:50%;filter:blur(100px);pointer-events:none;opacity:.11;z-index:-2}.glow-one{width:460px;height:460px;background:#ff5a13;top:6%;right:-180px}.glow-two{width:420px;height:420px;background:#ffb300;bottom:5%;left:-180px}
.site-header{position:sticky;top:0;z-index:50;background:rgba(7,7,7,.76);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06)}.nav-wrap{height:82px;display:flex;align-items:center;gap:32px}.brand{display:flex;align-items:center;gap:12px;min-width:max-content}.brand-mark{width:44px;height:44px;display:grid;place-items:center}.brand-mark img{width:44px;height:34px;object-fit:contain}.brand-copy{display:flex;flex-direction:column;line-height:1.05}.brand-copy strong{font-family:'Space Grotesk',sans-serif;font-size:15px;letter-spacing:.12em}.brand-copy small{font-size:10px;color:#bcbcc5;margin-top:4px;letter-spacing:.16em;text-transform:uppercase}.main-nav{display:flex;align-items:center;gap:26px;margin-left:auto}.main-nav a{font-size:13px;color:#c4c4cb;transition:.2s}.main-nav a:hover{color:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:52px;padding:0 20px;border-radius:15px;font-weight:700;font-size:13px;letter-spacing:-.01em;border:1px solid transparent;transition:.25s ease;position:relative;overflow:hidden}.btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,var(--orange),var(--amber));color:#111;box-shadow:0 14px 32px rgba(255,103,14,.18)}.btn-primary:hover{box-shadow:0 18px 42px rgba(255,103,14,.27)}.btn-secondary{background:rgba(255,255,255,.04);border-color:var(--line);color:#f5f5f6}.btn-secondary:hover{background:rgba(255,255,255,.07)}.btn-small{height:44px;padding:0 16px;border-radius:13px;font-size:12px}.menu-toggle{display:none;background:none;border:0;width:44px;height:44px;padding:0}.menu-toggle span{display:block;width:22px;height:2px;background:#fff;margin:5px auto;border-radius:2px;transition:.2s}
.hero{min-height:calc(100svh - 82px);display:flex;align-items:center;padding-top:84px}.hero-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:64px;align-items:center}.eyebrow,.kicker{font-size:11px;font-weight:800;letter-spacing:.16em;color:#f7a64d}.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:9px 12px;border:1px solid rgba(255,143,48,.18);background:rgba(255,114,20,.05);border-radius:999px}.pulse-dot{width:7px;height:7px;border-radius:50%;background:#ff8d24;box-shadow:0 0 0 6px rgba(255,141,36,.09)}.hero h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(48px,6vw,78px);line-height:.98;letter-spacing:-.055em;margin:26px 0 22px;max-width:720px}.hero h1 span{background:linear-gradient(120deg,#fff 0%,#ffbd17 40%,#ff5a13 100%);-webkit-background-clip:text;color:transparent}.hero-lead{font-size:18px;line-height:1.75;color:#a9a9b1;max-width:650px;margin:0 0 30px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-trust{display:grid;grid-template-columns:repeat(3,1fr);margin-top:40px;padding-top:28px;border-top:1px solid var(--line);gap:22px}.hero-trust>div{display:flex;gap:11px;align-items:flex-start}.trust-icon{font-family:'Space Grotesk',sans-serif;color:#ff9133;font-weight:700;font-size:11px;padding-top:2px}.hero-trust p{margin:0;display:flex;flex-direction:column;gap:2px}.hero-trust strong{font-size:12px}.hero-trust small{font-size:10px;color:#777780}.hero-visual{position:relative;min-height:630px;display:grid;place-items:center}.orb{position:absolute;border-radius:50%;filter:blur(45px);opacity:.22}.orb-a{width:280px;height:280px;background:#ff5a13;right:0;top:80px}.orb-b{width:240px;height:240px;background:#ffbd17;left:20px;bottom:60px}.phone-shell{position:relative;z-index:2;width:min(390px,88%);background:linear-gradient(180deg,#161619,#0b0b0c);border:1px solid rgba(255,255,255,.1);border-radius:42px;padding:18px;box-shadow:0 40px 120px rgba(0,0,0,.6),inset 0 1px rgba(255,255,255,.06);transform:rotate(2.5deg)}.phone-shell::after{content:"";position:absolute;inset:-1px;border-radius:42px;padding:1px;background:linear-gradient(135deg,rgba(255,161,56,.5),transparent 28%,transparent 72%,rgba(255,83,13,.18));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;pointer-events:none}.phone-top{display:flex;justify-content:space-between;align-items:center;height:25px;padding:0 8px}.phone-top span:first-child{width:54px;height:5px;border-radius:9px;background:#242427}.phone-top span:last-child{width:8px;height:8px;border-radius:50%;background:#3b3b3f}.phone-brand{display:flex;align-items:center;gap:11px;padding:12px 8px 18px}.phone-brand img{width:50px;height:36px;object-fit:contain}.phone-brand div{display:flex;flex-direction:column}.phone-brand small{font-size:8px;color:#7f7f88;letter-spacing:.12em;text-transform:uppercase}.phone-brand strong{font-family:'Space Grotesk';font-size:14px;letter-spacing:.11em}.phone-banner{padding:24px;border-radius:23px;background:linear-gradient(135deg,#ff4f0c,#ffb614);color:#120c07;position:relative;overflow:hidden}.phone-banner::after{content:"";position:absolute;width:190px;height:190px;border:28px solid rgba(255,255,255,.11);border-radius:50%;right:-82px;top:-90px}.phone-banner span{font-size:9px;font-weight:800;letter-spacing:.17em}.phone-banner h3{font-family:'Space Grotesk';font-size:27px;line-height:1.05;letter-spacing:-.04em;max-width:240px;margin:20px 0 16px}.banner-chip{display:inline-flex;font-size:9px;font-weight:800;background:#111;color:#fff;padding:8px 10px;border-radius:999px}.phone-label{display:flex;justify-content:space-between;align-items:center;padding:22px 5px 10px}.phone-label span{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.phone-label small{font-size:9px;color:#707079}.mini-game-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.mini-game{height:92px;border:1px solid rgba(255,255,255,.07);background:linear-gradient(135deg,#18181b,#111113);border-radius:17px;padding:14px;display:flex;flex-direction:column;justify-content:space-between}.mini-game span{font-family:'Space Grotesk';font-size:22px;font-weight:700;color:#ff9f37}.mini-game small{font-size:8px;color:#a8a8af}.phone-action{display:flex;justify-content:space-between;align-items:center;margin-top:10px;border-radius:16px;padding:14px 16px;background:#0d0d0f;border:1px solid rgba(255,255,255,.07);font-size:10px}.phone-action span{display:flex;align-items:center;gap:8px;color:#aaaab2}.phone-action i{width:7px;height:7px;background:#65d77a;border-radius:50%;box-shadow:0 0 0 5px rgba(101,215,122,.08)}.phone-action b{color:#ff9c34}.floating-card{position:absolute;z-index:4;display:flex;gap:10px;align-items:center;padding:12px 14px;border-radius:16px;background:rgba(18,18,20,.88);border:1px solid rgba(255,255,255,.09);backdrop-filter:blur(12px);box-shadow:var(--shadow)}.floating-card>span{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#ff5410,#ffb91c);color:#111;font-weight:900}.floating-card div{display:flex;flex-direction:column}.floating-card b{font-size:10px}.floating-card small{font-size:8px;color:#7e7e87}.card-left{left:0;bottom:165px}.card-right{right:0;top:135px}
.trust-strip{border-block:1px solid rgba(255,255,255,.06);background:#0a0a0b;overflow:hidden}.trust-line{display:flex;align-items:center;justify-content:space-between;height:76px;gap:20px;white-space:nowrap}.trust-line span{font-family:'Space Grotesk';font-size:11px;font-weight:700;letter-spacing:.15em;color:#686871}.trust-line i{width:5px;height:5px;border-radius:50%;background:linear-gradient(135deg,#ff5a13,#ffbd17)}
.section-heading{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:end;margin-bottom:42px}.section-heading h2,.process-intro h2,.feature-copy h2,.location-copy h2,.faq-heading h2,.cta-copy h2,.contact-grid h2{font-family:'Space Grotesk';font-size:clamp(34px,4.2vw,54px);line-height:1.06;letter-spacing:-.045em;margin:10px 0 0}.section-heading p,.process-intro p,.feature-copy>p,.location-copy p,.faq-heading p{color:#8f8f98;margin:0;max-width:540px;font-size:14px;line-height:1.8}.games-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.game-card{background:#0e0e10;border:1px solid rgba(255,255,255,.07);border-radius:22px;padding:10px;transition:.28s ease}.game-card:hover{transform:translateY(-6px);border-color:rgba(255,134,33,.28);box-shadow:0 25px 70px rgba(0,0,0,.32)}.game-cover{height:230px;border-radius:16px;padding:14px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;position:relative;overflow:hidden;isolation:isolate}.game-hero{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.03);transition:transform .45s ease,filter .35s ease;z-index:0}.g1 .game-hero{object-position:72% 34%}.g2 .game-hero{object-position:58% 34%}.g3 .game-hero{object-position:58% 28%}.g4 .game-hero{object-position:34% 26%}.g5 .game-hero{object-position:62% 28%}.g6 .game-hero{object-position:64% 34%}.game-card:hover .game-hero{transform:scale(1.08);filter:saturate(1.05)}.game-cover::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,6,8,.12) 0%,rgba(6,6,8,.15) 18%,rgba(6,6,8,.34) 48%,rgba(6,6,8,.78) 100%),radial-gradient(circle at 82% 8%,rgba(255,255,255,.24),transparent 24%);z-index:1}.game-cover::after{content:"";position:absolute;width:160px;height:160px;border:18px solid rgba(255,255,255,.08);border-radius:50%;right:-70px;bottom:-78px;z-index:1}.g1{background:linear-gradient(145deg,#ff7a18,#b93f05)}.g2{background:linear-gradient(145deg,#ffbd20,#d56700)}.g3{background:linear-gradient(145deg,#4a4a53,#17171b)}.g4{background:linear-gradient(145deg,#f24e19,#5e1907)}.g5{background:linear-gradient(145deg,#ff475f,#501019)}.g6{background:linear-gradient(145deg,#5878ff,#171a39)}.game-cover>*:not(.game-hero){position:relative;z-index:2}.badge{align-self:flex-start;background:rgba(0,0,0,.56);backdrop-filter:blur(8px);font-size:8px;letter-spacing:.14em;font-weight:800;padding:7px 9px;border-radius:999px}.game-logo{position:absolute;left:14px;bottom:16px;width:72px;height:72px;object-fit:cover;border-radius:20px;box-shadow:0 14px 34px rgba(0,0,0,.36);border:1px solid rgba(255,255,255,.2);background:rgba(0,0,0,.18);backdrop-filter:blur(6px);transition:transform .25s ease,box-shadow .25s ease}.game-card:hover .game-logo{transform:translateY(-2px) scale(1.03);box-shadow:0 18px 42px rgba(0,0,0,.42)}.game-cover small{position:absolute;left:98px;bottom:24px;font-size:8px;letter-spacing:.14em;font-weight:800;color:rgba(255,255,255,.88);text-shadow:0 6px 20px rgba(0,0,0,.5);padding:8px 10px;border-radius:999px;background:rgba(0,0,0,.28);backdrop-filter:blur(6px)}.game-info{display:flex;justify-content:space-between;align-items:center;padding:16px 8px 7px}.game-info h3{font-size:14px;margin:0 0 2px}.game-info p{font-size:10px;color:#777780;margin:0}.arrow{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);color:#b9b9c1;transition:.2s}.game-card:hover .arrow{background:linear-gradient(135deg,#ff5a13,#ffbd17);color:#111;border-color:transparent}
.process-wrap{display:grid;grid-template-columns:.78fr 1.22fr;gap:70px;align-items:start}.process-intro{position:sticky;top:120px}.process-intro p{margin:20px 0}.text-link{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:800;color:#ff9c34}.text-link span{transition:.2s}.text-link:hover span{transform:translateX(4px)}.process-list{display:grid;gap:14px}.process-card{position:relative;min-height:210px;padding:30px;border-radius:24px;background:linear-gradient(145deg,#121214,#0c0c0d);border:1px solid var(--line);overflow:hidden}.process-card::after{content:"";position:absolute;width:170px;height:170px;border:28px solid rgba(255,255,255,.025);border-radius:50%;right:-70px;bottom:-80px}.step{position:absolute;right:22px;top:18px;font-family:'Space Grotesk';font-size:43px;font-weight:700;color:rgba(255,255,255,.04)}.process-icon{width:42px;height:42px;border-radius:13px;background:rgba(255,119,18,.1);border:1px solid rgba(255,119,18,.14);display:grid;place-items:center;margin-bottom:22px}.process-icon svg{width:20px;height:20px;fill:none;stroke:#ff9135;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.process-card h3{font-family:'Space Grotesk';font-size:23px;letter-spacing:-.03em;margin:0 0 9px}.process-card p{font-size:12px;color:#85858e;max-width:520px;margin:0}
.feature-panel{display:grid;grid-template-columns:.9fr 1.1fr;gap:66px;align-items:center;padding:62px;border-radius:34px;background:linear-gradient(145deg,#101012,#0b0b0c);border:1px solid var(--line);position:relative;overflow:hidden}.feature-panel::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 12%,rgba(255,112,15,.08),transparent 24%);pointer-events:none}.feature-copy>p{margin-top:20px}.check-list{list-style:none;margin:30px 0 0;padding:0;display:grid;gap:14px}.check-list li{display:flex;align-items:flex-start;gap:13px;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.05)}.check-list li>span{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(135deg,#ff5a13,#ffbd17);color:#111;font-size:12px;font-weight:900}.check-list div{display:flex;flex-direction:column}.check-list b{font-size:12px}.check-list small{font-size:10px;color:#777780;margin-top:3px}.grid-window{border:1px solid rgba(255,255,255,.08);background:#080809;border-radius:24px;padding:12px;box-shadow:var(--shadow);transform:rotate(-1.8deg)}.grid-top{height:44px;display:flex;align-items:center;gap:7px;padding:0 8px;border-bottom:1px solid rgba(255,255,255,.06)}.grid-top>span{width:7px;height:7px;border-radius:50%;background:#252529}.grid-top small{margin-left:auto;font-size:7px;letter-spacing:.13em;color:#57575f}.grid-body{padding:14px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.metric-card,.signal-card,.brand-watermark{border-radius:16px;background:#101012;border:1px solid rgba(255,255,255,.06);padding:18px;min-height:120px}.metric-card{display:flex;flex-direction:column;justify-content:center}.metric-card small{font-size:8px;color:#777780;text-transform:uppercase;letter-spacing:.13em}.metric-card strong{font-family:'Space Grotesk';font-size:24px;margin:5px 0 0}.metric-card span{font-size:8px;color:#777780}.metric-card.accent{background:linear-gradient(135deg,#ff5310,#ffb51a);color:#110d08}.metric-card.accent small,.metric-card.accent span{color:rgba(17,13,8,.65)}.signal-card{display:flex;align-items:center;gap:12px}.signal{width:32px;height:32px;border-radius:50%;background:#66d97a;box-shadow:0 0 0 10px rgba(102,217,122,.07)}.signal-card div{display:flex;flex-direction:column}.signal-card b{font-size:10px}.signal-card small{font-size:8px;color:#6f6f76}.brand-watermark{display:grid;place-items:center;background:linear-gradient(145deg,#151517,#0b0b0c)}.brand-watermark img{width:120px;filter:drop-shadow(0 15px 24px rgba(255,88,13,.15))}
.location-section{padding-top:30px}.location-card{display:grid;grid-template-columns:1fr .9fr;min-height:420px;border-radius:34px;background:linear-gradient(135deg,#ff520d 0%,#ffb71d 100%);color:#120d08;overflow:hidden;position:relative}.location-copy{padding:62px;position:relative;z-index:2}.location-copy .kicker{color:#2d160a}.location-copy p{color:rgba(18,13,8,.72);margin-top:18px}.location-actions{display:flex;gap:10px;margin-top:28px;flex-wrap:wrap}.location-card .btn-primary{background:#111;color:#fff;box-shadow:none}.location-card .btn-secondary{border-color:rgba(0,0,0,.17);background:rgba(255,255,255,.18);color:#111}.location-art{position:relative;min-height:100%;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.15),transparent 50%)}.island-line{position:absolute;width:320px;height:190px;border:2px solid rgba(17,12,8,.25);border-radius:46% 54% 52% 48% / 64% 46% 54% 36%;right:70px;top:105px;transform:rotate(-16deg)}.island-line.small{width:240px;height:125px;right:115px;top:140px;border-color:rgba(17,12,8,.13)}.pin{position:absolute;width:12px;height:12px;background:#111;border-radius:50%;box-shadow:0 0 0 8px rgba(17,17,17,.09)}.pin-a{right:190px;top:130px}.pin-b{right:280px;top:235px}.pin-c{right:115px;top:265px}.location-badge{position:absolute;right:100px;bottom:70px;display:flex;align-items:center;gap:12px;padding:14px 16px;background:#111;color:#fff;border-radius:16px;box-shadow:0 22px 40px rgba(0,0,0,.22)}.location-badge img{width:48px;height:34px;object-fit:contain}.location-badge div{display:flex;flex-direction:column}.location-badge small{font-size:7px;color:#888}.location-badge b{font-family:'Space Grotesk';font-size:13px;letter-spacing:.08em}
.faq-wrap{display:grid;grid-template-columns:.7fr 1.3fr;gap:76px;align-items:start}.faq-heading p{margin-top:18px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:0}summary{list-style:none;cursor:pointer;padding:24px 0;display:flex;justify-content:space-between;gap:24px;font-family:'Space Grotesk';font-size:17px;font-weight:600;letter-spacing:-.02em}summary::-webkit-details-marker{display:none}summary span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);font-family:'Manrope';font-weight:400;transition:.2s}details[open] summary span{transform:rotate(45deg);background:linear-gradient(135deg,#ff5a13,#ffbd17);color:#111;border-color:transparent}details p{color:#85858e;font-size:12px;max-width:720px;margin:-4px 0 24px;line-height:1.8}.cta-section{padding-top:40px}.cta-box{min-height:320px;border-radius:34px;background:#f2f1ed;color:#111;padding:46px 52px;display:grid;grid-template-columns:auto 1fr auto;gap:38px;align-items:center;position:relative;overflow:hidden}.cta-shape{position:absolute;width:320px;height:320px;background:linear-gradient(135deg,#ff5a13,#ffbd17);border-radius:50%;left:-180px;bottom:-180px;filter:blur(1px)}.cta-logo{position:relative;z-index:1;width:130px;height:130px;border-radius:30px;background:#0a0a0b;display:grid;place-items:center;box-shadow:0 20px 50px rgba(0,0,0,.16)}.cta-logo img{width:100px}.cta-copy{position:relative;z-index:1}.cta-copy .kicker{color:#a84e08}.cta-copy h2{font-size:43px;margin-top:6px}.cta-copy p{font-size:13px;color:#61616a;margin:10px 0 0}.btn-light{background:#111;color:#fff;position:relative;z-index:1}.contact-section{padding:80px 0 90px;border-top:1px solid rgba(255,255,255,.06)}.contact-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px;align-items:start}.contact-grid h2{font-size:40px;margin:7px 0}.contact-grid>div:first-child p{color:#7d7d85;font-size:12px}.contact-list{border-top:1px solid var(--line)}.contact-list a{display:grid;grid-template-columns:120px 1fr auto;gap:20px;align-items:center;padding:21px 0;border-bottom:1px solid var(--line);transition:.2s}.contact-list small{color:#66666e;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.contact-list strong{font-size:13px}.contact-list span{font-size:19px;color:#777780}.contact-list a:hover strong{color:#ff9b35}.contact-list a:hover span{color:#ff9b35;transform:translate(2px,-2px)}
.site-footer{padding:62px 0 24px;background:#050505;border-top:1px solid rgba(255,255,255,.06)}.footer-grid{display:grid;grid-template-columns:1.4fr .6fr .6fr;gap:60px}.footer-brand p{font-size:11px;color:#686870;max-width:360px;margin:20px 0 0}.footer-links{display:flex;flex-direction:column;gap:10px}.footer-links strong{font-size:11px;margin-bottom:4px}.footer-links a{font-size:10px;color:#6e6e76}.footer-links a:hover{color:#fff}.footer-social-link{display:inline-flex;align-items:center;gap:7px;width:max-content}.social-icon{width:15px;height:15px;display:inline-grid;place-items:center;flex:0 0 15px;color:#d9d9df;opacity:.95;transition:color .2s ease,transform .2s ease}.social-icon svg,.social-icon img{width:15px;height:15px;display:block}.social-icon-image img{border-radius:4px;object-fit:cover}.footer-social-link:hover .social-icon{color:#fff;transform:translateY(-1px)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.05);margin-top:50px;padding-top:22px;font-size:9px;color:#55555d}.wa-float{position:fixed;right:18px;bottom:18px;width:60px;height:60px;display:grid;place-items:center;z-index:40;transition:transform .2s ease,filter .2s ease}.wa-float:hover{transform:translateY(-3px) scale(1.03);filter:brightness(1.03)}.wa-float img{width:100%;height:100%;display:block;object-fit:contain;filter:drop-shadow(0 16px 34px rgba(0,0,0,.34))}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.show{opacity:1;transform:none}.delay-1{transition-delay:.09s}.delay-2{transition-delay:.18s}
@media (max-width:1050px){.main-nav{display:none}.nav-wrap{justify-content:space-between}.nav-cta{margin-left:auto}.menu-toggle{display:block;order:4}.main-nav.open{display:flex;position:absolute;top:82px;left:20px;right:20px;flex-direction:column;align-items:stretch;background:#111113;border:1px solid var(--line);border-radius:18px;padding:12px;box-shadow:var(--shadow)}.main-nav.open a{padding:11px 12px;border-radius:10px}.main-nav.open a:hover{background:#18181a}.hero-grid{gap:32px}.hero-visual{min-height:560px}.floating-card{display:none}.feature-panel{grid-template-columns:1fr;gap:42px}.feature-visual{max-width:660px;margin:auto}.location-card{grid-template-columns:1.05fr .95fr}.location-copy{padding:46px}.island-line{right:10px}.island-line.small{right:55px}.location-badge{right:36px}.faq-wrap{gap:44px}.cta-box{grid-template-columns:auto 1fr}.cta-box .btn{grid-column:2;justify-self:start}}
@media (max-width:820px){:root{--container:min(100% - 28px,1180px)}.section-pad{padding:84px 0}.hero{padding-top:60px}.hero-grid{grid-template-columns:1fr}.hero-copy{text-align:center}.eyebrow{margin:auto}.hero h1{font-size:clamp(44px,13vw,68px);margin-inline:auto}.hero-lead{margin-inline:auto}.hero-actions{justify-content:center}.hero-trust{text-align:left}.hero-visual{min-height:570px;margin-top:12px}.phone-shell{width:min(390px,92%);transform:rotate(1deg)}.section-heading{grid-template-columns:1fr;gap:20px}.games-grid{grid-template-columns:repeat(2,1fr)}.process-wrap{grid-template-columns:1fr;gap:34px}.process-intro{position:static}.process-list{grid-template-columns:repeat(3,1fr)}.process-card{min-height:250px;padding:24px}.feature-panel{padding:38px}.location-card{grid-template-columns:1fr}.location-art{min-height:300px}.island-line{right:50%;transform:translateX(50%) rotate(-16deg);top:45px}.island-line.small{right:50%;transform:translateX(50%) rotate(-16deg);top:80px}.pin-a{right:42%;top:74px}.pin-b{right:58%;top:180px}.pin-c{right:29%;top:205px}.location-badge{right:50%;transform:translateX(50%);bottom:30px}.faq-wrap,.contact-grid{grid-template-columns:1fr;gap:34px}.cta-box{grid-template-columns:1fr;text-align:center;justify-items:center}.cta-box .btn{grid-column:1;justify-self:center}.cta-copy h2{font-size:38px}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}
@media (max-width:620px){.nav-wrap{height:72px}.site-header .brand-copy{display:none}.nav-cta{display:none}.main-nav.open{top:72px}.hero{min-height:auto}.hero h1{font-size:46px}.hero-lead{font-size:15px;line-height:1.7}.hero-actions .btn{width:100%}.hero-trust{grid-template-columns:1fr;gap:14px;max-width:330px;margin:34px auto 0}.hero-trust>div{justify-content:flex-start}.hero-visual{min-height:510px}.phone-shell{padding:14px;border-radius:34px}.phone-shell::after{border-radius:34px}.phone-banner{padding:20px}.phone-banner h3{font-size:23px}.trust-line{justify-content:flex-start;overflow:hidden;gap:16px}.trust-line span:nth-of-type(n+4),.trust-line i:nth-of-type(n+4){display:none}.section-heading h2,.process-intro h2,.feature-copy h2,.location-copy h2,.faq-heading h2,.contact-grid h2{font-size:38px}.games-grid{grid-template-columns:1fr}.game-cover{height:220px}.game-logo{width:68px;height:68px;border-radius:18px;left:12px;bottom:12px}.game-cover small{left:90px;bottom:20px}.process-list{grid-template-columns:1fr}.process-card{min-height:190px}.feature-panel{padding:26px;border-radius:26px}.grid-body{grid-template-columns:1fr}.location-copy{padding:36px 26px}.location-copy h2{font-size:36px}.location-actions .btn{width:100%}.cta-box{padding:36px 24px;border-radius:26px}.cta-logo{width:100px;height:100px;border-radius:24px}.cta-logo img{width:78px}.cta-copy h2{font-size:34px}.contact-list a{grid-template-columns:80px 1fr auto;gap:10px}.contact-list strong{font-size:11px;word-break:break-word}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.footer-bottom{gap:18px;align-items:flex-start;flex-direction:column}.wa-float{right:12px;bottom:12px;width:56px;height:56px}.section-pad{padding:72px 0}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.btn,.game-card,.wa-float{transition:none}}

/* ===== WANSTORE GAMING REFRESH ===== */
:root{--container:min(1320px,calc(100% - 40px));--orange:#ff6a00;--amber:#ffb51b}
body{background:
  radial-gradient(circle at 15% 30%,rgba(255,120,0,.06),transparent 28%),
  radial-gradient(circle at 90% 18%,rgba(255,76,0,.07),transparent 24%),
  #070707}
.site-header{background:rgba(6,6,7,.86);border-bottom-color:rgba(255,142,33,.10)}
.nav-wrap{height:80px}
.nav-cta{min-width:168px}
.hero{min-height:760px;padding:72px 0 88px;position:relative;overflow:hidden}
.hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,137,24,.45),transparent)}
.hero-grid{grid-template-columns:.92fr 1.08fr;gap:54px}
.hero h1{font-size:clamp(52px,5.7vw,78px);max-width:650px}
.hero h1 span{background:linear-gradient(120deg,#ffce6a 0%,#ff9d18 42%,#ff5b0a 100%);-webkit-background-clip:text;color:transparent}
.hero-lead{max-width:600px;color:#b4b4bc}
.hero-trust{border-top-color:rgba(255,255,255,.08)}
.hero-trust>div{padding:12px;border-radius:15px;transition:.25s ease}
.hero-trust>div:hover{background:rgba(255,255,255,.025)}
.hero-visual{min-height:590px}
.hero-showcase{position:relative;width:100%;height:590px;border-radius:34px;overflow:hidden;border:1px solid rgba(255,151,50,.20);background:#111;box-shadow:0 38px 100px rgba(0,0,0,.56);isolation:isolate}
.hero-showcase::before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,rgba(0,0,0,.08),transparent 38%,rgba(5,5,7,.78) 100%);pointer-events:none}
.hero-showcase::after{content:"";position:absolute;inset:0;z-index:3;border-radius:34px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),inset 0 -100px 120px rgba(0,0,0,.12);pointer-events:none}
.hero-showcase-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%;transform:scale(1.015);transition:transform .8s ease}
.hero-showcase:hover .hero-showcase-image{transform:scale(1.045)}
.showcase-top,.showcase-bottom{position:absolute;left:24px;right:24px;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:18px}
.showcase-top{top:22px}
.showcase-bottom{bottom:22px;align-items:flex-end}
.showcase-brand{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:14px;background:rgba(8,8,10,.64);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(12px)}
.showcase-brand>span{width:34px;height:34px;display:grid;place-items:center}.showcase-brand img{width:34px;height:28px;object-fit:contain}
.showcase-brand div{display:flex;flex-direction:column;line-height:1.05}.showcase-brand small{font-size:7px;letter-spacing:.15em;color:#a6a6ae}.showcase-brand b{font-family:'Space Grotesk';font-size:13px;letter-spacing:.11em;margin-top:4px}
.showcase-chip{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:999px;background:rgba(7,7,8,.72);border:1px solid rgba(255,255,255,.12);font-size:8px;letter-spacing:.13em;font-weight:800;backdrop-filter:blur(12px)}
.showcase-chip i{width:7px;height:7px;border-radius:50%;background:#5cdf73;box-shadow:0 0 0 5px rgba(92,223,115,.10)}
.showcase-copy{display:flex;flex-direction:column}.showcase-copy small{font-size:8px;font-weight:800;letter-spacing:.16em;color:#ffab42}.showcase-copy strong{font-family:'Space Grotesk';font-size:25px;line-height:1.05;max-width:310px;margin-top:6px;text-shadow:0 8px 26px rgba(0,0,0,.42)}
.showcase-game-icons{display:flex;align-items:center;padding-left:8px}
.showcase-game-icons span{width:42px;height:42px;border-radius:12px;background:#0c0c0e;border:2px solid rgba(255,255,255,.12);display:grid;place-items:center;margin-left:-8px;box-shadow:0 10px 26px rgba(0,0,0,.30);overflow:hidden;transition:.22s ease}
.showcase-game-icons span:hover{transform:translateY(-4px);z-index:3;border-color:rgba(255,154,42,.55)}
.showcase-game-icons img{width:100%;height:100%;object-fit:cover}
.hero-visual .floating-card{background:rgba(8,8,10,.83);border-color:rgba(255,151,44,.18)}
.hero-visual .card-left{left:-18px;bottom:106px}.hero-visual .card-right{right:-18px;top:104px}

#game{position:relative;padding-top:94px}
#game::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,108,0,.035),transparent 28%);pointer-events:none}
#game .section-heading{margin-bottom:22px}.section-heading h2{max-width:690px}
.game-meta-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;padding:12px 2px;border-top:1px solid rgba(255,255,255,.07)}
.game-meta-label{display:inline-flex;align-items:center;gap:9px;font-family:'Space Grotesk';font-size:10px;font-weight:700;letter-spacing:.14em;color:#d8d8df}.game-meta-label i{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#ff5c0b,#ffbc1c);box-shadow:0 0 0 6px rgba(255,118,16,.08)}
.game-meta-count{font-size:9px;letter-spacing:.13em;color:#6e6e77}
.games-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.game-card{padding:0;background:linear-gradient(180deg,#121214,#0b0b0d);border:1px solid rgba(255,255,255,.075);border-radius:20px;overflow:hidden;position:relative;box-shadow:0 16px 34px rgba(0,0,0,.16)}
.game-card::after{content:"";position:absolute;inset:0;border-radius:20px;padding:1px;background:linear-gradient(150deg,rgba(255,173,75,.32),transparent 28%,transparent 72%,rgba(255,91,11,.08));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;pointer-events:none;opacity:0;transition:.25s}
.game-card:hover{transform:translateY(-7px);border-color:rgba(255,137,36,.34);box-shadow:0 28px 70px rgba(0,0,0,.40)}.game-card:hover::after{opacity:1}
.game-cover{height:300px;border-radius:0;padding:13px;isolation:isolate;background:#151517}
.game-hero{transform:scale(1.015);filter:saturate(1.02) contrast(1.02)}
.game-card:hover .game-hero{transform:scale(1.07);filter:saturate(1.09) contrast(1.03)}
.game-cover::before{background:linear-gradient(180deg,rgba(7,7,9,.08) 0%,rgba(7,7,9,.02) 32%,rgba(7,7,9,.28) 58%,rgba(7,7,9,.91) 100%);z-index:1}
.game-cover::after{display:none}
.g1 .game-hero{object-position:61% 34%}.g2 .game-hero{object-position:53% 30%}.g4 .game-hero{object-position:47% 28%}.g5 .game-hero{object-position:62% 30%}.g3 .game-hero{object-position:47% 24%}.g6 .game-hero{object-position:57% 30%}
.badge{position:absolute;top:13px;left:13px;background:rgba(8,8,10,.65);border:1px solid rgba(255,255,255,.13);backdrop-filter:blur(10px);font-size:7px;padding:7px 8px;z-index:4}
.game-logo-wrap{position:absolute;left:13px;bottom:13px;width:54px;height:54px;border-radius:15px;display:grid;place-items:center;background:rgba(7,7,9,.74);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(10px);box-shadow:0 12px 28px rgba(0,0,0,.38);overflow:hidden;z-index:4}
.game-logo{position:static;width:100%;height:100%;border-radius:0;box-shadow:none;border:0;background:none;backdrop-filter:none;object-fit:cover}
.game-card:hover .game-logo{transform:scale(1.05);box-shadow:none}
.game-cover small{position:absolute;right:13px;bottom:18px;left:auto;padding:6px 8px;border-radius:999px;background:rgba(8,8,10,.50);border:1px solid rgba(255,255,255,.08);font-size:7px;letter-spacing:.12em;color:#d6d6dc;z-index:4;backdrop-filter:blur(8px)}
.game-info{min-height:84px;padding:15px 13px 15px;gap:8px}.game-info h3{font-family:'Space Grotesk';font-size:13px;line-height:1.15;margin:0 0 5px}.game-info p{font-size:9px;color:#74747c}.arrow{width:32px;height:32px;flex:0 0 32px;font-size:14px}
.game-ml:hover{border-color:rgba(255,188,90,.36)}.game-ff:hover{border-color:rgba(255,166,20,.38)}.game-hok:hover{border-color:rgba(248,87,44,.40)}.game-valorant:hover{border-color:rgba(255,74,94,.40)}.game-pubg:hover{border-color:rgba(181,181,190,.30)}.game-genshin:hover{border-color:rgba(106,139,255,.42)}

/* supporting sections get a more gaming-led finish */
.process-card,.metric-card,.signal-card,.brand-watermark{background:linear-gradient(145deg,#121214,#0c0c0e)}
.feature-panel{border-color:rgba(255,151,40,.13);background:linear-gradient(145deg,#101012,#080809)}
.location-card{background:linear-gradient(125deg,#ff5a0a 0%,#ff9c12 55%,#ffbe2e 100%)}
.cta-box{background:linear-gradient(125deg,#f5f3ed,#fff8eb)}

@media (max-width:1180px){
  :root{--container:min(100% - 34px,1180px)}
  .hero-grid{grid-template-columns:1fr 1fr;gap:34px}.hero-showcase{height:540px}
  .games-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.game-cover{height:330px}
}
@media (max-width:820px){
  .hero{padding:58px 0 74px}.hero-grid{grid-template-columns:1fr}.hero-copy{text-align:center}.hero-actions{justify-content:center}.hero-trust{max-width:640px;margin-inline:auto}.hero-visual{min-height:auto}.hero-showcase{height:520px;max-width:690px;margin-inline:auto}.hero-visual .floating-card{display:none}
  .games-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.game-cover{height:310px}.game-info{min-height:82px}
}
@media (max-width:620px){
  :root{--container:min(100% - 22px,1180px)}
  .hero{padding-top:42px}.hero h1{font-size:43px}.hero-lead{font-size:14px}.hero-trust{grid-template-columns:1fr;gap:8px}.hero-trust>div{padding:9px 10px}
  .hero-showcase{height:430px;border-radius:24px}.hero-showcase::after{border-radius:24px}.showcase-top,.showcase-bottom{left:14px;right:14px}.showcase-top{top:14px}.showcase-bottom{bottom:14px}.showcase-brand{padding:7px 9px}.showcase-chip{font-size:7px;padding:7px 9px}.showcase-copy strong{font-size:17px;max-width:210px}.showcase-game-icons span{width:31px;height:31px;border-radius:9px;margin-left:-6px}
  #game{padding-top:72px}.game-meta-row{margin-bottom:12px}.games-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.game-card{border-radius:16px}.game-card::after{border-radius:16px}.game-cover{height:235px;padding:10px}.badge{top:10px;left:10px;font-size:6px;padding:6px 7px}.game-logo-wrap{left:10px;bottom:10px;width:46px;height:46px;border-radius:13px}.game-cover small{right:10px;bottom:14px;font-size:6px;padding:5px 6px}.game-info{min-height:76px;padding:12px 10px}.game-info h3{font-size:11px}.game-info p{font-size:8px}.arrow{width:28px;height:28px;flex-basis:28px}
}
@media (max-width:390px){.games-grid{grid-template-columns:1fr}.game-cover{height:300px}.game-info h3{font-size:13px}.game-info p{font-size:9px}}
/* card CTA stays visible even before hover */
.game-card .arrow{background:linear-gradient(135deg,#ff620c,#ffb51b);color:#111;border-color:transparent;box-shadow:0 8px 20px rgba(255,101,10,.16)}
.game-card:hover .arrow{transform:translate(2px,-2px);box-shadow:0 12px 26px rgba(255,101,10,.28)}


/* ===== homepage revision to match provided screenshot ===== */
.hero-home{position:relative;padding:26px 0 28px;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,#060608 0%,#050507 100%)}
.hero-home::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 34%,rgba(48,84,255,.14),transparent 23%),radial-gradient(circle at 84% 44%,rgba(255,108,0,.11),transparent 18%);pointer-events:none}
.hero-home-wrap{display:grid;grid-template-columns:420px 1fr;gap:24px;align-items:stretch;min-height:330px}
.hero-home-copy{display:flex;flex-direction:column;justify-content:center;padding:18px 0 12px;position:relative;z-index:2}
.hero-home-copy h1{font-family:'Space Grotesk',sans-serif;font-size:67px;line-height:.92;letter-spacing:-.05em;margin:0 0 16px;color:#fff;text-transform:uppercase}
.hero-home-copy h1 span{color:var(--accent)}
.hero-home-copy p{font-size:17px;line-height:1.6;color:#f0f0f2;max-width:410px;margin:0 0 18px}
.hero-mini-list{display:flex;gap:12px;flex-wrap:wrap}
.hero-mini-item{min-width:124px;display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid rgba(255,160,51,.34);border-radius:14px;background:rgba(10,10,12,.6);box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.hero-mini-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;border:2px solid rgba(255,145,43,.55);color:#ff9a1f;flex:0 0 34px}.hero-mini-icon svg{width:16px;height:16px;display:block}
.hero-mini-item strong{display:block;font-size:12px;line-height:1.2;color:#fff}
.hero-mini-item small{display:block;font-size:10px;color:#a6a6ae;margin-top:3px}
.hero-home-visual{position:relative;border-left:1px solid rgba(255,255,255,.04);min-height:330px}
.hero-home-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:0;filter:saturate(1.02) contrast(1.03)}
.hero-home-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,7,.8) 0%,rgba(5,5,7,.08) 34%,rgba(5,5,7,.08) 100%)}
.community-card{position:absolute;right:20px;bottom:20px;z-index:3;display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:16px;background:rgba(14,14,18,.82);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(10px);box-shadow:0 18px 46px rgba(0,0,0,.36)}
.community-avatars{display:flex;align-items:center;position:relative;padding-right:8px}.community-avatars span{width:30px;height:30px;border-radius:50%;display:block;background-size:cover;background-position:center;border:2px solid rgba(255,255,255,.78);margin-left:-8px;box-shadow:0 6px 14px rgba(0,0,0,.28)}.community-avatars span:first-child{margin-left:0}.community-avatars i{width:11px;height:11px;border-radius:50%;background:#31d56c;display:block;margin-left:-6px;border:2px solid #131316;box-shadow:0 0 0 3px rgba(49,213,108,.15)}
.community-copy small{display:block;color:#d0d0d5;font-size:10px;line-height:1.2}.community-copy strong{display:block;color:#fff;font-size:14px;margin-top:3px}
#game{padding-top:38px}.section-heading{text-align:center;align-items:center;justify-content:center}.section-heading>div{width:100%}.section-heading h2{font-size:18px;max-width:none}.section-heading p{max-width:none;color:#b8b8be;font-size:16px}.section-heading .kicker{font-size:17px;margin-bottom:8px}
.process-intro{text-align:center;max-width:none}.process-intro h2{font-size:18px}.process-intro p{font-size:16px}.text-link{display:none}
@media (max-width:1180px){.hero-home-wrap{grid-template-columns:1fr 1.1fr}.hero-home-copy h1{font-size:58px}}
@media (max-width:900px){.hero-home-wrap{grid-template-columns:1fr}.hero-home-visual{min-height:290px;border-left:0;border-top:1px solid rgba(255,255,255,.04)}.hero-home-copy h1{font-size:54px}.hero-home-copy p{max-width:100%}.hero-home{padding-top:18px}}
@media (max-width:640px){.hero-home-copy h1{font-size:38px}.hero-home-wrap{min-height:auto}.hero-mini-list{gap:8px}.hero-mini-item{min-width:calc(50% - 8px);padding:9px 10px}.hero-mini-icon{width:30px;height:30px;flex-basis:30px}.hero-mini-icon svg{width:14px;height:14px}.hero-home-visual{min-height:220px}.community-card{right:12px;bottom:12px;padding:10px 12px}.community-copy strong{font-size:12px}.community-copy small{font-size:9px}.section-heading p,.process-intro p{font-size:13px}.section-heading .kicker{font-size:14px}}

/* HERO REVIEW CARD BLUR FIX — cover baked low-resolution rating card exactly */
.hero-home-visual .community-card{
  right:13%;
  bottom:7.5%;
  min-width:360px;
  justify-content:center;
  background:rgba(12,12,16,.97);
  border:1px solid rgba(255,255,255,.13);
  box-shadow:0 0 0 10px rgba(7,7,9,.92),0 18px 46px rgba(0,0,0,.42);
}
.hero-home-visual .community-card::before{
  content:"";
  position:absolute;
  inset:-13px -16px;
  z-index:-1;
  border-radius:22px;
  background:linear-gradient(90deg,rgba(7,7,9,.98),rgba(8,8,10,.94));
}
@media (max-width:1180px){
  .hero-home-visual .community-card{right:9%;min-width:330px}
}
@media (max-width:900px){
  .hero-home-visual .community-card{right:8%;bottom:7%;min-width:310px}
}
@media (max-width:640px){
  .hero-home-visual .community-card{right:6%;bottom:7%;min-width:255px;padding:9px 11px;gap:8px;box-shadow:0 0 0 7px rgba(7,7,9,.92),0 14px 34px rgba(0,0,0,.38)}
  .hero-home-visual .community-card::before{inset:-9px -10px;border-radius:18px}
}


/* ===== HERO FINAL: full artwork visible, composition follows supplied reference ===== */
.hero-home{padding:22px 0 24px;background:#050507}
.hero-home-wrap{
  grid-template-columns:420px minmax(0,1fr);
  gap:20px;
  min-height:0;
  align-items:center;
}
.hero-home-copy{padding:12px 0;align-self:center}
.hero-home-copy h1{
  font-size:60px;
  line-height:.92;
  max-width:420px;
  margin-bottom:16px;
}
.hero-home-copy h1 span{color:var(--orange)}
.hero-home-copy p{font-size:14px;line-height:1.55;max-width:400px;margin-bottom:16px}
.hero-mini-list{gap:10px;flex-wrap:nowrap}
.hero-mini-item{min-width:0;flex:1;padding:9px 10px;border-radius:12px}
.hero-mini-icon{width:30px;height:30px;flex-basis:30px}.hero-mini-icon svg{width:13px;height:13px}
.hero-mini-item strong{font-size:10px}.hero-mini-item small{font-size:8px}
.hero-home-visual{
  position:relative;
  min-height:0;
  aspect-ratio:896/422;
  overflow:hidden;
  border-left:0;
  background:#050507;
}
.hero-home-image{
  position:relative;
  inset:auto;
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
  object-position:center center;
  border-radius:0;
  transform:none;
  filter:saturate(1.02) contrast(1.02);
}
.hero-home-visual::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(5,5,7,.55) 0%,rgba(5,5,7,.04) 18%,transparent 38%);
}
.hero-home-visual .community-card{
  right:18px;
  bottom:16px;
  min-width:250px;
  padding:10px 13px;
  gap:10px;
  justify-content:flex-start;
  box-shadow:0 12px 34px rgba(0,0,0,.42);
}
.hero-home-visual .community-card::before{display:none}
.community-avatars span{width:25px;height:25px}.community-copy strong{font-size:12px}.community-copy small{font-size:9px}

@media (max-width:1180px){
  .hero-home-wrap{grid-template-columns:38% 62%;gap:16px}
  .hero-home-copy h1{font-size:52px}
  .hero-home-visual .community-card{right:14px;bottom:14px;min-width:230px}
}
@media (max-width:900px){
  .hero-home-wrap{grid-template-columns:1fr;gap:16px}
  .hero-home-copy{text-align:center;align-items:center}
  .hero-home-copy h1{max-width:680px;font-size:50px}
  .hero-home-copy p{max-width:620px}
  .hero-mini-list{width:min(620px,100%)}
  .hero-home-visual{width:100%;aspect-ratio:896/422;border-top:0}
}
@media (max-width:640px){
  .hero-home{padding-top:18px}
  .hero-home-copy h1{font-size:36px;line-height:.96}
  .hero-home-copy p{font-size:12px}
  .hero-mini-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .hero-mini-item:last-child{grid-column:1/-1}
  .hero-home-visual{aspect-ratio:896/422;min-height:0}
  .hero-home-visual .community-card{right:8px;bottom:8px;min-width:205px;padding:7px 9px}
  .community-avatars span{width:21px;height:21px}.community-copy strong{font-size:10px}.community-copy small{font-size:8px}
}


/* ===== pilihan game exact revision ===== */
#game{padding-top:54px;padding-bottom:48px}
#game .section-heading{display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;text-align:center;margin-bottom:28px}
#game .section-heading h2{font-family:'Space Grotesk',sans-serif;font-size:18px;line-height:1.2;margin:0;color:#f5f5f7;font-weight:500}
#game .section-heading .kicker{font-family:'Space Grotesk',sans-serif;font-size:17px;font-weight:800;letter-spacing:.08em;color:#ff9b18;margin-bottom:4px}
#game .section-heading p{font-size:16px;line-height:1.4;color:#d7d7de;max-width:none}
.games-grid-poster{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.poster-card{display:flex;flex-direction:column;padding:0;background:#09090b;border:1px solid rgba(255,161,47,.34);border-radius:18px;overflow:hidden;box-shadow:0 10px 32px rgba(0,0,0,.28);transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease}
.poster-card:hover{transform:translateY(-6px);box-shadow:0 22px 54px rgba(0,0,0,.4);border-color:rgba(255,176,72,.55)}
.poster-card::after{display:none}
.poster-cover{height:340px;padding:0;background:#111;border-radius:0;overflow:hidden;position:relative}
.poster-cover::before,.poster-cover::after,.poster-cover .badge,.poster-cover small,.poster-cover .game-logo,.poster-cover .game-logo-wrap{display:none!important}
.poster-cover .game-hero{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:none;filter:saturate(1.02)}
.poster-card:hover .game-hero{transform:scale(1.04);filter:saturate(1.06)}
.poster-info{display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:flex-start;padding:15px 12px 14px;min-height:156px;background:linear-gradient(180deg,#09090b 0%,#060607 100%)}
.poster-info h3{font-family:'Manrope',sans-serif;font-size:15px;line-height:1.25;font-weight:700;color:#fff;margin:0 0 4px}
.poster-info p{font-size:11px;line-height:1.3;color:#c7c7cf;margin:0 0 16px}
.poster-btn{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:12px;width:100%;height:42px;border-radius:10px;background:linear-gradient(180deg,#ffb11c 0%,#ff910a 100%);color:#111;font-size:14px;font-weight:800;letter-spacing:-.01em;box-shadow:inset 0 1px 0 rgba(255,255,255,.22)}
.poster-btn i{font-style:normal;font-size:18px;line-height:1;transform:translateY(-1px)}
.poster-card .arrow{display:none!important}
@media (max-width:1280px){.games-grid-poster{grid-template-columns:repeat(3,minmax(0,1fr))}.poster-cover{height:360px}}
@media (max-width:820px){.games-grid-poster{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.poster-cover{height:320px}.poster-info{min-height:146px}}
@media (max-width:520px){#game{padding-top:42px}#game .section-heading h2{font-size:15px}#game .section-heading .kicker{font-size:15px}.games-grid-poster{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.poster-card{border-radius:16px}.poster-cover{height:250px}.poster-info{padding:12px 10px 12px;min-height:126px}.poster-info h3{font-size:12px}.poster-info p{font-size:9px;margin-bottom:12px}.poster-btn{height:36px;border-radius:9px;font-size:12px;gap:8px}}
@media (max-width:390px){.games-grid-poster{grid-template-columns:1fr}.poster-cover{height:320px}}


/* ===== Real/original game logos sourced from web, placed at poster bottom ===== */
.poster-cover{position:relative;isolation:isolate}
.poster-cover::after{content:""!important;display:block!important;position:absolute;left:0;right:0;bottom:0;height:43%;background:linear-gradient(180deg,rgba(4,4,6,0) 0%,rgba(4,4,6,.20) 35%,rgba(4,4,6,.78) 100%);z-index:2;pointer-events:none}
.official-game-logo{position:absolute;left:50%;bottom:18px;z-index:4;transform:translateX(-50%);width:auto;height:auto;max-width:78%;max-height:70px;object-fit:contain;filter:drop-shadow(0 5px 10px rgba(0,0,0,.75));transition:transform .25s ease,filter .25s ease}
.poster-card:hover .official-game-logo{transform:translateX(-50%) translateY(-2px) scale(1.025);filter:drop-shadow(0 8px 16px rgba(0,0,0,.82))}
.logo-mlbb{max-width:82%;filter:brightness(0) saturate(100%) invert(77%) sepia(74%) saturate(542%) hue-rotate(353deg) brightness(103%) contrast(104%) drop-shadow(0 5px 10px rgba(0,0,0,.75))}
.poster-card:hover .logo-mlbb{filter:brightness(0) saturate(100%) invert(77%) sepia(74%) saturate(542%) hue-rotate(353deg) brightness(108%) contrast(104%) drop-shadow(0 8px 16px rgba(0,0,0,.82))}
.logo-freefire{max-width:76%;max-height:58px}
.logo-hok{max-width:70%;max-height:76px}
.logo-valorant{max-width:70%;max-height:54px;filter:brightness(0) invert(1) drop-shadow(0 5px 10px rgba(0,0,0,.75))}
.poster-card:hover .logo-valorant{filter:brightness(0) invert(1) drop-shadow(0 8px 16px rgba(0,0,0,.82))}
.logo-pubg{max-width:62%;max-height:78px;filter:brightness(0) invert(1) drop-shadow(0 5px 10px rgba(0,0,0,.75))}
.poster-card:hover .logo-pubg{filter:brightness(0) invert(1) drop-shadow(0 8px 16px rgba(0,0,0,.82))}
.logo-genshin{max-width:72%;max-height:66px;filter:brightness(0) invert(1) drop-shadow(0 5px 10px rgba(0,0,0,.75))}
.poster-card:hover .logo-genshin{filter:brightness(0) invert(1) drop-shadow(0 8px 16px rgba(0,0,0,.82))}
@media (max-width:820px){.official-game-logo{bottom:14px;max-height:62px}.logo-freefire{max-height:52px}.logo-valorant{max-height:48px}.logo-genshin{max-height:56px}}
@media (max-width:520px){.official-game-logo{bottom:11px;max-width:80%;max-height:48px}.logo-hok{max-height:55px}.logo-pubg{max-height:54px}.logo-freefire{max-height:42px}.logo-valorant{max-height:40px}.logo-genshin{max-height:45px}}
\n\n/* ===== game section tidy: clean artwork + original logos below ===== */\n.poster-cover::after{display:none!important}\n.poster-cover{background:#0b0b0d;border-bottom:1px solid rgba(255,255,255,.06)}\n.poster-cover .game-hero{transform:none!important;filter:saturate(1.03) contrast(1.02)!important;object-fit:cover}\n.poster-card:hover .poster-cover .game-hero{transform:scale(1.025)!important}\n.poster-ml .game-hero{object-position:62% 38%}\n.poster-ff .game-hero{object-position:52% 33%}\n.poster-hok .game-hero{object-position:44% 31%}\n.poster-valorant .game-hero{object-position:57% 30%}\n.poster-pubg .game-hero{object-position:51% 31%}\n.poster-genshin .game-hero{object-position:58% 32%}\n.poster-info{padding:12px 12px 14px;min-height:198px;gap:0}\n.poster-brand{width:100%;height:58px;display:flex;align-items:center;justify-content:center;margin:0 0 7px;overflow:hidden}\n.poster-brand .official-game-logo{position:static!important;left:auto!important;bottom:auto!important;transform:none!important;width:auto!important;height:auto!important;max-width:82%!important;max-height:48px!important;object-fit:contain!important;filter:drop-shadow(0 4px 8px rgba(0,0,0,.55))!important}\n.poster-card:hover .poster-brand .official-game-logo{transform:scale(1.02)!important;filter:drop-shadow(0 5px 10px rgba(0,0,0,.65))!important}\n.poster-brand .logo-mlbb{max-width:84%!important;max-height:43px!important;filter:brightness(0) invert(1) drop-shadow(0 4px 8px rgba(0,0,0,.55))!important}\n.poster-brand .logo-freefire{max-width:80%!important;max-height:36px!important}\n.poster-brand .logo-hok{max-width:76%!important;max-height:50px!important}\n.poster-brand .logo-valorant{max-width:76%!important;max-height:35px!important;filter:brightness(0) invert(1) drop-shadow(0 4px 8px rgba(0,0,0,.55))!important}\n.poster-brand .logo-pubg{max-width:62%!important;max-height:50px!important;filter:brightness(0) invert(1) drop-shadow(0 4px 8px rgba(0,0,0,.55))!important}\n.poster-brand .logo-genshin{max-width:78%!important;max-height:43px!important;filter:brightness(0) invert(1) drop-shadow(0 4px 8px rgba(0,0,0,.55))!important}\n.poster-info>div:not(.poster-brand){min-height:48px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}\n.poster-info h3{margin:0 0 3px}\n.poster-info p{margin:0 0 12px}\n@media (max-width:820px){\n  .poster-info{min-height:184px}\n  .poster-brand{height:52px}\n  .poster-brand .official-game-logo{max-height:43px!important}\n}\n@media (max-width:520px){\n  .poster-info{min-height:158px;padding:10px 9px 11px}\n  .poster-brand{height:43px;margin-bottom:5px}\n  .poster-brand .official-game-logo{max-height:35px!important}\n  .poster-brand .logo-freefire,.poster-brand .logo-valorant{max-height:28px!important}\n  .poster-brand .logo-pubg{max-height:38px!important}\n}\n

/* ===== FINAL PROFESSIONAL GAME SECTION FIX ===== */
#game .games-grid-poster{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
#game .poster-card{position:relative;display:flex;flex-direction:column;padding:0;background:linear-gradient(180deg,#0b0b0d 0%,#060607 100%);border:1px solid rgba(255,160,46,.28);border-radius:18px;overflow:hidden;box-shadow:0 12px 34px rgba(0,0,0,.28)}
#game .poster-card:hover{transform:translateY(-4px);border-color:rgba(255,178,78,.44);box-shadow:0 18px 44px rgba(0,0,0,.34)}
#game .poster-card::after,#game .poster-cover::before,#game .poster-cover::after{content:none!important;display:none!important}
#game .poster-cover{height:338px;padding:0;background:#0a0a0c;position:relative;border-bottom:1px solid rgba(255,255,255,.06)}
#game .poster-cover .game-hero{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:none!important;filter:saturate(1.02) contrast(1.02)!important;transition:transform .3s ease,filter .3s ease}
#game .poster-card:hover .poster-cover .game-hero{transform:scale(1.03)!important;filter:saturate(1.06) contrast(1.03)!important}
#game .poster-ml .game-hero{object-position:63% 40%}
#game .poster-ff .game-hero{object-position:53% 34%}
#game .poster-hok .game-hero{object-position:46% 32%}
#game .poster-valorant .game-hero{object-position:56% 26%}
#game .poster-pubg .game-hero{object-position:53% 29%}
#game .poster-genshin .game-hero{object-position:56% 34%}
#game .poster-info{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;padding:14px 14px 14px;min-height:180px;background:linear-gradient(180deg,#0b0b0d 0%,#060607 100%)}
#game .poster-info .game-copy{min-height:52px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}
#game .poster-info h3{margin:0 0 3px;font-size:14px;line-height:1.25;color:#fff;font-weight:700}
#game .poster-info p{margin:0;color:#b9b9c0;font-size:10px;line-height:1.35}
#game .poster-brand{width:100%;height:42px;display:flex;align-items:center;justify-content:center;margin:10px 0 12px;overflow:hidden}
#game .poster-brand .official-game-logo{position:static!important;transform:none!important;left:auto!important;bottom:auto!important;width:auto!important;height:auto!important;max-width:78%!important;max-height:32px!important;object-fit:contain!important;filter:drop-shadow(0 4px 10px rgba(0,0,0,.55))!important}
#game .poster-brand .logo-mlbb{max-width:82%!important;max-height:30px!important;filter:brightness(0) invert(1) drop-shadow(0 4px 10px rgba(0,0,0,.55))!important}
#game .poster-brand .logo-freefire{max-width:72%!important;max-height:25px!important;filter:brightness(0) invert(1) drop-shadow(0 4px 10px rgba(0,0,0,.55))!important}
#game .poster-brand .logo-hok{max-width:66%!important;max-height:34px!important;filter:brightness(0) invert(1) drop-shadow(0 4px 10px rgba(0,0,0,.55))!important}
#game .poster-brand .logo-valorant{max-width:72%!important;max-height:24px!important;filter:brightness(0) invert(1) drop-shadow(0 4px 10px rgba(0,0,0,.55))!important}
#game .poster-brand .logo-pubg{max-width:50%!important;max-height:35px!important;filter:brightness(0) invert(1) drop-shadow(0 4px 10px rgba(0,0,0,.55))!important}
#game .poster-brand .logo-genshin{max-width:74%!important;max-height:28px!important;filter:brightness(0) invert(1) drop-shadow(0 4px 10px rgba(0,0,0,.55))!important}
#game .poster-btn{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:40px;border-radius:10px;background:linear-gradient(180deg,#ffb11c 0%,#ff950b 100%);color:#101010;font-size:13px;font-weight:800;letter-spacing:-.01em;box-shadow:inset 0 1px 0 rgba(255,255,255,.2)}
#game .poster-btn i{font-style:normal;font-size:16px;line-height:1}
@media (max-width:1280px){#game .games-grid-poster{grid-template-columns:repeat(3,minmax(0,1fr))}#game .poster-cover{height:360px}}
@media (max-width:820px){#game .games-grid-poster{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}#game .poster-cover{height:320px}#game .poster-info{min-height:168px}}
@media (max-width:520px){#game .games-grid-poster{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#game .poster-card{border-radius:16px}#game .poster-cover{height:248px}#game .poster-info{padding:11px 10px 12px;min-height:142px}#game .poster-info h3{font-size:12px}#game .poster-info p{font-size:9px}#game .poster-brand{height:34px;margin:8px 0 10px}#game .poster-brand .official-game-logo{max-height:25px!important}#game .poster-brand .logo-freefire,#game .poster-brand .logo-valorant{max-height:21px!important}#game .poster-brand .logo-pubg{max-height:28px!important}#game .poster-btn{height:36px;font-size:12px;border-radius:9px}}
@media (max-width:390px){#game .games-grid-poster{grid-template-columns:1fr}#game .poster-cover{height:320px}}


/* swap logo/text order in game cards */
#game .poster-brand{margin:0 0 10px !important;}
#game .poster-info .game-copy{margin-bottom:12px;}
#game .poster-info{padding-top:12px;}
@media (max-width:520px){#game .poster-brand{margin:0 0 8px !important;}#game .poster-info .game-copy{margin-bottom:10px;}}

/* ===== 2026-08-20 THEME MATCH: Cara Top Up / Keunggulan / FAQ / Footer ===== */
.topup-section,.benefits-section,.faq-theme{background:#080809;position:relative}
.topup-section{padding-top:48px;padding-bottom:54px}
.section-title-center{text-align:center;margin-bottom:24px}
.section-title-center .kicker{display:block;font-family:'Space Grotesk',sans-serif;color:#ff9818;font-size:17px;font-weight:800;letter-spacing:.08em}
.section-title-center p{margin:4px 0 0;color:#b9b9bf;font-size:12px}
.topup-flow{display:grid;grid-template-columns:1fr 42px 1fr 42px 1fr;gap:14px;align-items:center;max-width:980px;margin:0 auto}
.topup-card{position:relative;min-height:108px;display:grid;grid-template-columns:62px 1fr;align-items:center;gap:14px;padding:18px 20px;border-radius:15px;background:linear-gradient(145deg,#141416,#0c0c0e);border:1px solid rgba(255,151,37,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 14px 34px rgba(0,0,0,.18)}
.topup-step{position:absolute;left:12px;top:12px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#ff6b0b,#ffb316);color:#fff;font-size:9px;font-weight:800;box-shadow:0 5px 14px rgba(255,105,8,.22)}
.topup-icon{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:#09090b;box-shadow:0 12px 26px rgba(0,0,0,.24);margin-left:10px}
.topup-icon svg{width:31px;height:31px;fill:none;stroke:#ff920f;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.topup-card:nth-of-type(3) .topup-icon svg{fill:#ff920f;stroke:#ff920f}
.topup-card h3{font-size:13px;line-height:1.2;margin:0 0 5px;color:#fff}
.topup-card p{font-size:10px;line-height:1.45;margin:0;color:#9d9da5}
.topup-arrow{font-size:40px;line-height:1;color:#ff8508;text-align:center;font-weight:200;opacity:.92;transform:translateY(-2px)}

.benefits-section{padding-top:52px;padding-bottom:52px}
.benefit-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:18px;border:1px solid rgba(255,148,33,.22);border-radius:18px;background:linear-gradient(145deg,#131315,#0a0a0c)}
.benefit-item{display:flex;align-items:center;gap:14px;padding:12px 16px;min-height:88px;border-right:1px solid rgba(255,255,255,.06)}
.benefit-item:last-child{border-right:0}
.benefit-icon{width:50px;height:50px;border-radius:50%;flex:0 0 50px;display:grid;place-items:center;border:2px solid rgba(255,136,16,.58);box-shadow:inset 0 0 0 6px rgba(255,126,5,.025)}
.benefit-icon svg{width:25px;height:25px;fill:none;stroke:#ff8d0e;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.benefit-item h3{font-size:13px;margin:0 0 4px;color:#fff}
.benefit-item p{font-size:10px;color:#9a9aa2;margin:0;line-height:1.5}

.faq-theme{padding-top:54px;padding-bottom:64px}
.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;max-width:980px;margin:0 auto}
.faq-grid details{border:1px solid rgba(255,151,37,.18);background:linear-gradient(145deg,#131315,#0b0b0d);border-radius:14px;padding:0 16px;overflow:hidden}
.faq-grid details[open]{border-color:rgba(255,151,37,.34);box-shadow:0 12px 30px rgba(0,0,0,.16)}
.faq-grid summary{padding:17px 0;font-family:'Manrope',sans-serif;font-size:12px;font-weight:700;align-items:center}
.faq-grid summary span{width:26px;height:26px;border-radius:9px;border:1px solid rgba(255,137,19,.34);color:#ff9415;background:rgba(255,132,10,.035)}
.faq-grid details[open] summary span{background:linear-gradient(135deg,#ff650b,#ffaf15);color:#111;border-color:transparent}
.faq-grid details p{font-size:10px;line-height:1.65;color:#9b9ba3;margin:-2px 0 16px}

.site-footer-pro{padding:34px 0 18px;background:linear-gradient(180deg,#101012,#0a0a0c);border-top:1px solid rgba(255,147,27,.18);position:relative;overflow:hidden}
.site-footer-pro::after{content:"";position:absolute;right:-70px;bottom:-115px;width:270px;height:270px;border:24px solid rgba(255,121,5,.07);transform:rotate(45deg);pointer-events:none}
.footer-grid-pro{display:grid;grid-template-columns:1.25fr .72fr .8fr 1.05fr;gap:46px;align-items:start;position:relative;z-index:2}
.footer-brand-pro p{max-width:290px;margin:18px 0 15px;color:#9898a0;font-size:10px;line-height:1.75}
.footer-socials{display:flex;align-items:center;gap:12px}
.footer-socials a{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#121216;border:1px solid rgba(255,255,255,.08);transition:.2s}
.footer-socials a:hover{transform:translateY(-2px);border-color:rgba(255,145,30,.35)}
.footer-socials img,.footer-socials svg{width:16px;height:16px;object-fit:contain;fill:none;stroke:#fff;stroke-width:1.8}
.footer-socials a:first-child{background:transparent;border:0}.footer-socials a:first-child img{width:24px;height:24px}
.footer-col,.footer-contact{display:flex;flex-direction:column;gap:9px}
.footer-col h4,.footer-contact h4{font-size:10px;letter-spacing:.04em;color:#fff;margin:0 0 6px}
.footer-col a{font-size:9px;color:#aaaab2;transition:.2s}.footer-col a:hover{color:#fff;transform:translateX(2px)}
.footer-contact>a,.footer-status{display:flex;align-items:center;gap:10px;color:#fff}
.footer-contact>a+ a,.footer-status{margin-top:2px}
.contact-ico{width:25px;height:25px;display:grid;place-items:center;color:#ff8e0d;flex:0 0 25px}
.contact-ico svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.contact-ico.whatsapp img{width:24px;height:24px;object-fit:contain}
.footer-contact strong{display:block;font-size:9px;line-height:1.2;color:#fff;font-weight:700}.footer-contact small{display:block;font-size:8px;line-height:1.2;color:#83838b;margin-top:3px}
.footer-bottom-pro{margin-top:28px;padding-top:14px;border-top:1px solid rgba(255,142,23,.16);display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2;color:#6f6f77;font-size:8px}
.footer-badges{display:flex;align-items:center;gap:28px}.footer-badges span{display:flex;align-items:center;gap:5px;color:#bbbcc3;font-size:7px;line-height:1.05;font-weight:700}.footer-badges b{color:#ff9b16;font-size:15px;line-height:1}

/* bring the remaining sections into the same black/orange system */
.location-section,.cta-section,.contact-section{background:#080809}
.location-card{border:1px solid rgba(255,145,25,.20);background:linear-gradient(145deg,#141416,#0b0b0d);color:#fff}
.location-copy .kicker{color:#ff9818}.location-copy p{color:#9999a2}.location-card .btn-primary{background:linear-gradient(135deg,#ff650b,#ffb517);color:#111}.location-card .btn-secondary{border-color:rgba(255,145,25,.25);background:#111114;color:#fff}.location-art{background:radial-gradient(circle at 50% 50%,rgba(255,132,0,.08),transparent 55%)}.island-line{border-color:rgba(255,145,24,.22)}.island-line.small{border-color:rgba(255,145,24,.10)}.pin{background:#ff9414;box-shadow:0 0 0 8px rgba(255,148,20,.08)}
.cta-box{background:linear-gradient(145deg,#151517,#0a0a0c);color:#fff;border:1px solid rgba(255,145,25,.2)}.cta-shape{background:linear-gradient(135deg,#ff650b,#ffb517);opacity:.18}.cta-copy .kicker{color:#ff9818}.cta-copy p{color:#9999a2}.btn-light{background:linear-gradient(135deg,#ff650b,#ffb517);color:#111}
.contact-section{border-top:1px solid rgba(255,145,25,.14)}.contact-list{border-top-color:rgba(255,145,25,.14)}.contact-list a{border-bottom-color:rgba(255,255,255,.06)}

@media (max-width:900px){
  .topup-flow{grid-template-columns:1fr;max-width:620px}.topup-arrow{transform:rotate(90deg);height:25px;line-height:20px}.topup-card{grid-template-columns:58px 1fr}
  .benefit-row{grid-template-columns:repeat(2,1fr)}.benefit-item:nth-child(2){border-right:0}.benefit-item:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.06)}
  .footer-grid-pro{grid-template-columns:1.2fr 1fr;gap:32px}.footer-brand-pro{grid-column:1/-1}.footer-bottom-pro{gap:18px;align-items:flex-start}
}
@media (max-width:620px){
  .topup-section,.benefits-section,.faq-theme{padding-top:42px;padding-bottom:46px}.section-title-center .kicker{font-size:15px}.section-title-center p{font-size:11px}
  .topup-card{min-height:96px;padding:15px 15px;grid-template-columns:52px 1fr;gap:12px}.topup-icon{width:46px;height:46px;border-radius:14px;margin-left:7px}.topup-icon svg{width:27px;height:27px}.topup-card h3{font-size:12px}.topup-card p{font-size:9px}
  .benefit-row{grid-template-columns:1fr;padding:10px}.benefit-item{border-right:0;border-bottom:1px solid rgba(255,255,255,.06);padding:12px 10px}.benefit-item:last-child{border-bottom:0}.benefit-item:nth-child(2){border-bottom:1px solid rgba(255,255,255,.06)}
  .faq-grid{grid-template-columns:1fr}.faq-grid summary{font-size:11px}.faq-grid details p{font-size:9px}
  .footer-grid-pro{grid-template-columns:1fr 1fr;gap:26px 20px}.footer-brand-pro{grid-column:1/-1}.footer-contact{grid-column:1/-1}.footer-bottom-pro{flex-direction:column}.footer-badges{gap:18px;flex-wrap:wrap}
}


/* ===== CONTACT SECTION PREMIUM ===== */
.contact-section{padding:84px 0 92px;background:radial-gradient(circle at 90% 10%,rgba(255,113,14,.08),transparent 28%),linear-gradient(180deg,#080809 0%,#060607 100%);border-top:1px solid rgba(255,145,25,.14);position:relative;overflow:hidden}
.contact-section::before{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(255,126,22,.08);border-radius:50%;right:-210px;top:-220px;box-shadow:0 0 0 58px rgba(255,126,22,.018),0 0 0 116px rgba(255,126,22,.012);pointer-events:none}
.contact-shell{position:relative;z-index:1;border:1px solid rgba(255,151,40,.16);border-radius:28px;background:linear-gradient(145deg,rgba(18,18,20,.96),rgba(8,8,9,.98));box-shadow:0 28px 80px rgba(0,0,0,.34);overflow:hidden}
.contact-head{display:grid;grid-template-columns:1fr auto;gap:34px;align-items:center;padding:36px 38px 30px;border-bottom:1px solid rgba(255,255,255,.06)}
.contact-head .kicker{color:#ff9a1f;font-size:10px;letter-spacing:.16em;font-weight:800}
.contact-head h2{font-family:'Space Grotesk',sans-serif;font-size:38px;line-height:1.05;letter-spacing:-.035em;margin:8px 0 9px;color:#fff}
.contact-head p{margin:0;max-width:650px;color:#8f8f98;font-size:12px;line-height:1.75}
.contact-main-cta{min-width:245px;display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;padding:13px 14px;border-radius:16px;background:linear-gradient(135deg,#ff6a0a,#ffb11c);color:#111;box-shadow:0 14px 30px rgba(255,102,10,.16);transition:.25s ease}
.contact-main-cta:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(255,102,10,.24)}
.contact-main-icon{width:42px;height:42px;border-radius:12px;background:#fff;display:grid;place-items:center;overflow:hidden}.contact-main-icon img{width:30px;height:30px;object-fit:contain}
.contact-main-cta>span:nth-child(2){display:flex;flex-direction:column;line-height:1.1}.contact-main-cta small{font-size:8px;text-transform:uppercase;letter-spacing:.1em;opacity:.68}.contact-main-cta strong{font-size:13px;margin-top:4px}.contact-main-cta i{font-style:normal;font-size:20px}
.contact-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:18px 18px 0}
.contact-card{min-height:118px;display:grid;grid-template-columns:46px 1fr auto;gap:13px;align-items:center;padding:17px;border:1px solid rgba(255,255,255,.07);border-radius:18px;background:linear-gradient(145deg,#111113,#0b0b0d);transition:.25s ease;position:relative;overflow:hidden}
.contact-card::after{content:"";position:absolute;inset:auto -30px -45px auto;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,rgba(255,133,22,.10),transparent 68%);pointer-events:none}
.contact-card:hover{transform:translateY(-3px);border-color:rgba(255,145,30,.30);background:linear-gradient(145deg,#141416,#0c0c0e)}
.contact-card-icon{width:46px;height:46px;border-radius:14px;border:1px solid rgba(255,145,30,.22);background:rgba(255,112,12,.07);display:grid;place-items:center;color:#ff941d}.contact-card-icon img{width:30px;height:30px;object-fit:contain}.contact-card-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.contact-card-icon svg .ig-dot{fill:currentColor;stroke:none}
.contact-card-copy{display:flex;flex-direction:column;min-width:0}.contact-card-copy small{font-size:8px;letter-spacing:.14em;color:#6e6e76}.contact-card-copy strong{font-size:12px;color:#f7f7f8;margin-top:4px;word-break:break-word}.contact-card-copy em{font-style:normal;font-size:9px;color:#707078;margin-top:5px;line-height:1.4}.contact-arrow{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.08);color:#8b8b93;transition:.2s}.contact-card:hover .contact-arrow{background:linear-gradient(135deg,#ff650c,#ffb319);border-color:transparent;color:#111;transform:translate(2px,-2px)}
.contact-location{display:grid;grid-template-columns:48px 1fr auto;gap:13px;align-items:center;margin:18px;padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.055)}
.contact-location-mark{width:48px;height:48px;border-radius:14px;background:#09090a;border:1px solid rgba(255,147,30,.18);display:grid;place-items:center}.contact-location-mark img{width:38px;height:30px;object-fit:contain}
.contact-location>div:nth-child(2){display:flex;flex-direction:column}.contact-location small{font-size:8px;letter-spacing:.14em;color:#6f6f77}.contact-location strong{font-size:11px;color:#d6d6dc;margin-top:5px;font-weight:600}
.contact-status{display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border-radius:999px;background:rgba(72,219,111,.06);border:1px solid rgba(72,219,111,.16);color:#8fda9e;font-size:9px;white-space:nowrap}.contact-status i{width:7px;height:7px;border-radius:50%;background:#4ddb71;box-shadow:0 0 0 5px rgba(77,219,113,.08)}
@media (max-width:900px){.contact-head{grid-template-columns:1fr}.contact-main-cta{width:max-content;min-width:240px}.contact-cards{grid-template-columns:1fr}.contact-card{min-height:96px}.contact-location{grid-template-columns:48px 1fr}.contact-status{grid-column:2;justify-self:start}}
@media (max-width:620px){.contact-section{padding:64px 0 72px}.contact-shell{border-radius:22px}.contact-head{padding:26px 20px 22px;gap:22px}.contact-head h2{font-size:30px}.contact-head p{font-size:11px}.contact-main-cta{width:100%;min-width:0}.contact-cards{padding:14px 14px 0;gap:10px}.contact-card{grid-template-columns:42px 1fr auto;padding:14px;min-height:92px}.contact-card-icon{width:42px;height:42px;border-radius:12px}.contact-card-copy strong{font-size:11px}.contact-location{margin:14px;padding:14px;grid-template-columns:42px 1fr}.contact-location-mark{width:42px;height:42px}.contact-location strong{font-size:10px;line-height:1.5}.contact-status{grid-column:1/-1;justify-self:start;margin-top:2px}}

/* ===== Top Up modal ===== */
.contact-main-cta{font-family:inherit;border:0;cursor:pointer;text-align:left}
.contact-main-icon.topup-icon{background:#111114;color:#ff9a1f;border:1px solid rgba(255,255,255,.16)}
.contact-main-icon.topup-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.topup-modal{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:24px}
.topup-modal.open{display:flex}
.topup-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(10px)}
.topup-dialog{position:relative;z-index:1;width:min(820px,100%);max-height:min(92vh,900px);overflow:auto;border:1px solid rgba(255,145,28,.24);border-radius:26px;background:linear-gradient(145deg,#121214 0%,#080809 100%);box-shadow:0 35px 100px rgba(0,0,0,.68);padding:30px}
.topup-dialog::-webkit-scrollbar{width:8px}.topup-dialog::-webkit-scrollbar-thumb{background:#30251c;border-radius:99px}
.topup-close{position:absolute;right:18px;top:18px;width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.1);background:#0b0b0d;color:#aaaab2;font-size:25px;line-height:1;cursor:pointer;transition:.2s}
.topup-close:hover{color:#111;background:linear-gradient(135deg,#ff6c0b,#ffb31b);border-color:transparent}
.topup-modal-head{padding-right:48px;margin-bottom:22px}.topup-modal-head .kicker{font-size:9px}.topup-modal-head h2{font-family:'Space Grotesk',sans-serif;font-size:34px;line-height:1.05;letter-spacing:-.035em;margin:8px 0 8px;color:#fff}.topup-modal-head p{margin:0;color:#8c8c95;font-size:11px;line-height:1.7;max-width:650px}
.topup-steps{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:10px;align-items:center;margin-bottom:22px;padding:12px;border:1px solid rgba(255,255,255,.07);border-radius:18px;background:#0b0b0d}
.topup-steps>i{font-style:normal;color:#ff8f16;font-size:18px}.topup-step{display:grid;grid-template-columns:30px 1fr;gap:9px;align-items:center;min-width:0}.topup-step>span{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:rgba(255,124,13,.09);border:1px solid rgba(255,145,29,.25);color:#ff981c;font-size:10px;font-weight:800}.topup-step div{display:flex;flex-direction:column;min-width:0}.topup-step strong{font-size:10px;color:#f5f5f7;white-space:nowrap}.topup-step small{font-size:8px;color:#686871;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.topup-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.topup-field{display:flex;flex-direction:column;gap:7px}.topup-field-wide{grid-column:1/-1}.topup-field label{font-size:9px;font-weight:700;color:#d9d9df;letter-spacing:.03em}.topup-field label b{color:#ff8f15}.topup-field input,.topup-field select,.topup-field textarea{width:100%;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:#0a0a0c;color:#f4f4f6;font-family:inherit;font-size:11px;padding:12px 13px;outline:none;transition:border-color .2s,box-shadow .2s,background .2s}.topup-field textarea{resize:vertical;min-height:82px}.topup-field input::placeholder,.topup-field textarea::placeholder{color:#505059}.topup-field input:focus,.topup-field select:focus,.topup-field textarea:focus{border-color:rgba(255,147,30,.55);box-shadow:0 0 0 3px rgba(255,126,13,.07);background:#0c0c0e}.topup-field select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#ff9319 50%),linear-gradient(135deg,#ff9319 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:36px}
.topup-form-note{grid-column:1/-1;display:flex;align-items:center;gap:9px;padding:10px 12px;border-radius:12px;background:rgba(73,216,111,.045);border:1px solid rgba(73,216,111,.13)}.topup-form-note span{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:rgba(73,216,111,.08);color:#65d77a;font-size:11px}.topup-form-note p{margin:0;color:#849088;font-size:9px}
.topup-submit{grid-column:1/-1;height:48px;border:0;border-radius:13px;background:linear-gradient(135deg,#ff650b,#ffb51c);color:#111;font-family:inherit;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;box-shadow:0 14px 30px rgba(255,105,11,.15);transition:.2s}.topup-submit:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(255,105,11,.24)}.topup-submit i{font-style:normal;font-size:18px}
body.topup-modal-open{overflow:hidden}
@media(max-width:680px){.topup-modal{padding:12px}.topup-dialog{border-radius:20px;padding:22px 16px 18px}.topup-modal-head h2{font-size:28px}.topup-steps{grid-template-columns:1fr;gap:8px}.topup-steps>i{display:none}.topup-step{grid-template-columns:28px 1fr;padding:4px}.topup-step>span{width:28px;height:28px}.topup-step strong,.topup-step small{white-space:normal}.topup-form{grid-template-columns:1fr;gap:12px}.topup-field-wide,.topup-form-note,.topup-submit{grid-column:1}.topup-close{right:12px;top:12px}}


/* ===== popup bugfix final ===== */
.topup-modal{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:18px}
.topup-modal.open{display:flex}
.topup-backdrop{position:absolute;inset:0;background:rgba(2,2,4,.78);backdrop-filter:blur(10px)}
.topup-dialog{position:relative;z-index:1;width:min(860px,100%);max-height:calc(100vh - 36px);display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(255,145,28,.26);border-radius:24px;background:linear-gradient(180deg,#101013 0%,#08080a 100%);box-shadow:0 36px 90px rgba(0,0,0,.6)}
.topup-dialog-scroll{overflow:auto;padding:28px 28px 24px;max-height:calc(100vh - 36px)}
.topup-dialog-scroll::-webkit-scrollbar{width:8px}.topup-dialog-scroll::-webkit-scrollbar-thumb{background:#30251c;border-radius:99px}
.topup-close{position:absolute;right:14px;top:14px;z-index:2;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.1);background:#0c0c0f;color:#a8a8b0;font-size:26px;line-height:1;cursor:pointer;transition:.2s}
.topup-close:hover{color:#111;background:linear-gradient(135deg,#ff780a,#ffb61c);border-color:transparent}
.topup-modal-head{padding-right:48px;margin-bottom:18px}.topup-modal-head .kicker{display:inline-block;font-size:12px;letter-spacing:.12em;color:#ff9a1f;font-weight:800;margin-bottom:8px}.topup-modal-head h2{font-family:'Space Grotesk',sans-serif;font-size:clamp(30px,4.6vw,52px);line-height:1.02;letter-spacing:-.04em;margin:0 0 10px;color:#fff}.topup-modal-head p{margin:0;color:#a7a7b1;font-size:15px;line-height:1.7;max-width:680px}
.topup-steps{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:10px;align-items:stretch;margin-bottom:22px;padding:12px;border:1px solid rgba(255,255,255,.07);border-radius:18px;background:#0a0a0d}
.topup-steps>i{align-self:center;font-style:normal;color:#ff9518;font-size:19px;font-weight:700}
.topup-step{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:center;padding:10px 12px;border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.01));border:1px solid rgba(255,255,255,.04);min-width:0}
.topup-step>span{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(255,124,13,.12);border:1px solid rgba(255,145,29,.28);color:#ff981c;font-size:13px;font-weight:800}
.topup-step div{display:flex;flex-direction:column;min-width:0}.topup-step strong{font-size:14px;color:#f5f5f7;line-height:1.25}.topup-step small{font-size:12px;color:#80808a;line-height:1.45;margin-top:2px}
.topup-form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.topup-field{display:flex;flex-direction:column;gap:8px}.topup-field-wide{grid-column:1/-1}.topup-field label{font-size:13px;font-weight:700;color:#d9d9df;letter-spacing:.01em}.topup-field label b{color:#ff8f15}.topup-field input,.topup-field select,.topup-field textarea{width:100%;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:#0b0b0e;color:#f4f4f6;font-family:inherit;font-size:15px;padding:14px 15px;outline:none;transition:border-color .2s,box-shadow .2s,background .2s}.topup-field textarea{resize:vertical;min-height:98px}.topup-field input::placeholder,.topup-field textarea::placeholder{color:#575760}.topup-field input:focus,.topup-field select:focus,.topup-field textarea:focus{border-color:rgba(255,147,30,.6);box-shadow:0 0 0 3px rgba(255,126,13,.08);background:#0d0d10}.topup-field select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#ff9319 50%),linear-gradient(135deg,#ff9319 50%,transparent 50%);background-position:calc(100% - 20px) 53%,calc(100% - 14px) 53%;background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:40px}
.topup-form-note{grid-column:1/-1;display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:14px;background:rgba(73,216,111,.045);border:1px solid rgba(73,216,111,.14)}.topup-form-note span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:rgba(73,216,111,.1);color:#65d77a;font-size:12px;flex:0 0 24px}.topup-form-note p{margin:0;color:#90979a;font-size:12px;line-height:1.55}
.topup-submit{grid-column:1/-1;height:52px;border:0;border-radius:14px;background:linear-gradient(135deg,#ff650b,#ffb51c);color:#111;font-family:inherit;font-size:15px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;box-shadow:0 16px 34px rgba(255,105,11,.16);transition:.2s}.topup-submit:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(255,105,11,.24)}.topup-submit i{font-style:normal;font-size:18px}
body.topup-modal-open{overflow:hidden}
@media(max-width:900px){.topup-dialog{width:min(760px,100%)}.topup-dialog-scroll{padding:24px 20px 20px}.topup-step strong{font-size:13px}.topup-step small{font-size:11px}}
@media(max-width:680px){.topup-modal{padding:10px}.topup-dialog{width:100%;max-height:calc(100vh - 20px);border-radius:22px}.topup-dialog-scroll{max-height:calc(100vh - 20px);padding:22px 16px 18px}.topup-modal-head{padding-right:34px}.topup-modal-head .kicker{font-size:11px}.topup-modal-head h2{font-size:clamp(26px,8vw,36px)}.topup-modal-head p{font-size:14px;line-height:1.6}.topup-steps{grid-template-columns:1fr;gap:8px}.topup-steps>i{display:none}.topup-step{grid-template-columns:38px 1fr;padding:10px}.topup-step>span{width:38px;height:38px;font-size:12px}.topup-step strong{font-size:13px}.topup-step small{font-size:11px}.topup-form{grid-template-columns:1fr;gap:14px}.topup-field-wide,.topup-form-note,.topup-submit{grid-column:1}.topup-field label{font-size:12px}.topup-field input,.topup-field select,.topup-field textarea{font-size:15px;padding:13px 14px}.topup-close{right:12px;top:12px;width:38px;height:38px}}


/* ===== mobile hero background + motion revision ===== */
.hero-home{overflow:hidden}
.hero-home-image{animation:heroKenBurns 18s ease-in-out infinite alternate;will-change:transform,filter}
#game .poster-cover .game-hero{will-change:transform,filter;animation:gameHeroMotion 12s ease-in-out infinite alternate}
#game .poster-card:hover .poster-cover .game-hero{animation-play-state:paused;transform:scale(1.08)!important;filter:saturate(1.08) contrast(1.04)!important}
#game .poster-ml .game-hero{animation-duration:13s;animation-delay:-1s}
#game .poster-ff .game-hero{animation-duration:14s;animation-delay:-3s}
#game .poster-hok .game-hero{animation-duration:12.5s;animation-delay:-2s}
#game .poster-valorant .game-hero{animation-duration:13.5s;animation-delay:-4s}
#game .poster-pubg .game-hero{animation-duration:15s;animation-delay:-2.5s}
#game .poster-genshin .game-hero{animation-duration:14.5s;animation-delay:-5s}

@keyframes heroKenBurns{
  0%{transform:scale(1.03) translate3d(-1.2%,0,0)}
  35%{transform:scale(1.08) translate3d(1.4%,-1%,0)}
  70%{transform:scale(1.06) translate3d(.4%,1%,0)}
  100%{transform:scale(1.1) translate3d(-.8%,-.5%,0)}
}
@keyframes gameHeroMotion{
  0%{transform:scale(1.04) translate3d(-1.2%,-.6%,0)}
  33%{transform:scale(1.08) translate3d(.8%,.8%,0)}
  66%{transform:scale(1.06) translate3d(1.4%,-1%,0)}
  100%{transform:scale(1.09) translate3d(-.6%,.7%,0)}
}

@media (max-width:900px){
  .hero-home{padding:0 0 20px;background:#040406}
  .hero-home-wrap{position:relative;display:block;min-height:530px;padding:22px 0 16px}
  .hero-home-copy{position:relative;z-index:3;min-height:530px;justify-content:flex-start;align-items:flex-start;text-align:left;padding:34px 22px 118px;max-width:none}
  .hero-home-copy h1{max-width:520px;text-shadow:0 10px 36px rgba(0,0,0,.55)}
  .hero-home-copy p{max-width:460px;color:#efeff4;text-shadow:0 6px 20px rgba(0,0,0,.5)}
  .hero-home-visual{position:absolute;inset:0;min-height:0;width:100%;height:100%;border:0;z-index:1;overflow:hidden}
  .hero-home-image{object-position:64% center;filter:saturate(1.05) contrast(1.05) brightness(.78)}
  .hero-home-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,4,8,.86) 0%,rgba(4,5,10,.76) 33%,rgba(4,4,8,.36) 62%,rgba(3,3,6,.64) 100%),linear-gradient(180deg,rgba(4,4,7,.14) 0%,rgba(4,4,7,.08) 40%,rgba(4,4,7,.58) 100%)}
  .hero-mini-list{position:relative;z-index:3;max-width:540px;gap:10px}
  .hero-mini-item{background:rgba(8,8,11,.72);backdrop-filter:blur(7px);border-color:rgba(255,145,28,.28);box-shadow:0 10px 24px rgba(0,0,0,.16)}
  .hero-home-visual .community-card{right:18px;bottom:16px;z-index:4;backdrop-filter:blur(12px);background:rgba(10,10,14,.74)}
}
@media (max-width:640px){
  .hero-home-wrap{min-height:560px;padding:18px 0 14px}
  .hero-home-copy{min-height:560px;padding:26px 16px 116px}
  .hero-home-copy h1{font-size:40px;line-height:.95;max-width:290px}
  .hero-home-copy p{font-size:13px;line-height:1.55;max-width:275px;margin-bottom:16px}
  .hero-home-image{object-position:68% center;filter:saturate(1.05) contrast(1.05) brightness(.72)}
  .hero-mini-list{display:grid;grid-template-columns:1fr;max-width:250px;gap:8px}
  .hero-mini-item{min-width:0;padding:10px 10px;border-radius:14px}
  .hero-mini-item div strong{font-size:12px}
  .hero-mini-item div small{font-size:10px}
  .hero-home-visual .community-card{right:10px;bottom:10px;min-width:210px;padding:8px 10px}
}
@media (max-width:420px){
  .hero-home-wrap{min-height:590px}
  .hero-home-copy{min-height:590px;padding:24px 14px 120px}
  .hero-home-copy h1{font-size:35px;max-width:260px}
  .hero-home-copy p{max-width:245px;font-size:12px}
  .hero-mini-list{max-width:235px}
  .hero-home-visual .community-card{min-width:194px;padding:7px 9px}
}
@media (prefers-reduced-motion:reduce){
  .hero-home-image,#game .poster-cover .game-hero{animation:none!important}
}


/* ===== mobile hero visible background fix ===== */
@media (max-width: 900px){
  .hero-home{position:relative;overflow:hidden;min-height:560px;padding:0 0 22px;background:#040406}
  .hero-home::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,4,8,.88) 0%,rgba(4,4,8,.78) 32%,rgba(4,4,8,.38) 62%,rgba(4,4,8,.72) 100%),linear-gradient(180deg,rgba(4,4,8,.12) 0%,rgba(4,4,8,.12) 48%,rgba(4,4,8,.54) 100%);z-index:1;pointer-events:none}
  .hero-home-wrap{position:relative;display:block;min-height:560px;padding:0}
  .hero-home-visual{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;aspect-ratio:auto!important;min-height:560px!important;z-index:0!important;overflow:hidden!important;background:#040406}
  .hero-home-image{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;object-position:70% center!important;filter:saturate(1.07) contrast(1.06) brightness(.9)!important;opacity:1!important}
  .hero-home-visual::after{display:none!important}
  .hero-home-copy{position:relative;z-index:2;min-height:560px;padding:26px 16px 130px!important;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start!important;text-align:left!important;background:transparent!important}
  .hero-home-copy h1{max-width:290px!important;font-size:42px!important;line-height:.95!important;margin:0 0 14px!important;text-shadow:0 10px 36px rgba(0,0,0,.56)}
  .hero-home-copy p{max-width:260px!important;font-size:13px!important;line-height:1.55!important;color:#f2f2f4!important;text-shadow:0 6px 22px rgba(0,0,0,.52)}
  .hero-mini-list{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;max-width:235px!important;width:235px!important}
  .hero-mini-item{background:rgba(8,8,11,.66)!important;backdrop-filter:blur(8px)!important;border-color:rgba(255,145,28,.28)!important;box-shadow:0 10px 24px rgba(0,0,0,.18)!important}
  .hero-home-visual .community-card{right:10px!important;bottom:10px!important;z-index:3!important;min-width:195px!important;padding:8px 9px!important;background:rgba(11,11,15,.74)!important;backdrop-filter:blur(10px)!important;box-shadow:0 10px 28px rgba(0,0,0,.34)!important}
}
@media (max-width: 420px){
  .hero-home,.hero-home-wrap,.hero-home-visual,.hero-home-copy{min-height:590px!important}
  .hero-home-copy{padding:24px 14px 128px!important}
  .hero-home-copy h1{font-size:37px!important;max-width:258px!important}
  .hero-home-copy p{font-size:12px!important;max-width:240px!important}
  .hero-mini-list{max-width:228px!important;width:228px!important}
}


/* ===== mobile hero face visibility refinement ===== */
@media (max-width: 900px){
  .hero-home{background:#050507!important}
  .hero-home::before{
    background:
      linear-gradient(90deg,rgba(4,4,8,.92) 0%,rgba(4,4,8,.82) 27%,rgba(4,4,8,.18) 57%,rgba(4,4,8,.50) 100%),
      linear-gradient(180deg,rgba(4,4,8,.06) 0%,rgba(4,4,8,.04) 42%,rgba(4,4,8,.40) 100%),
      radial-gradient(circle at 62% 30%,rgba(79,108,255,.22),transparent 24%),
      radial-gradient(circle at 80% 42%,rgba(255,118,17,.18),transparent 20%)!important;
  }
  .hero-home-image{
    object-position:62% 30%!important;
    filter:saturate(1.10) contrast(1.08) brightness(1.02)!important;
  }
  .hero-home-copy h1{max-width:300px!important}
  .hero-home-copy p{max-width:255px!important}
}
@media (max-width: 640px){
  .hero-home,.hero-home-wrap,.hero-home-visual,.hero-home-copy{min-height:600px!important}
  .hero-home-copy{padding:24px 14px 132px!important}
  .hero-home-image{
    object-position:63% 28%!important;
    filter:saturate(1.12) contrast(1.08) brightness(1.03)!important;
  }
  .hero-home-copy h1{font-size:39px!important;max-width:268px!important}
  .hero-home-copy p{max-width:232px!important}
}
@media (max-width: 420px){
  .hero-home-image{object-position:64% 27%!important}
  .hero-home-copy h1{font-size:36px!important;max-width:252px!important}
  .hero-home-copy p{max-width:220px!important}
}


/* ===== final bugfix: popup step layout + mobile hero face ===== */
.topup-modal-steps{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:10px;align-items:stretch;margin-bottom:22px;padding:12px;border:1px solid rgba(255,255,255,.07);border-radius:18px;background:#0a0a0d}
.topup-modal-steps>i{align-self:center;font-style:normal;color:#ff9518;font-size:19px;font-weight:700}
.topup-modal-step{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;align-items:center;padding:10px 12px;border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.01));border:1px solid rgba(255,255,255,.04);min-width:0;position:relative!important;left:auto!important;top:auto!important;width:auto!important;height:auto!important;box-shadow:none!important}
.topup-modal-step>span{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(255,124,13,.12);border:1px solid rgba(255,145,29,.28);color:#ff981c;font-size:13px;font-weight:800}
.topup-modal-step div{display:flex;flex-direction:column;min-width:0}
.topup-modal-step strong{font-size:14px;color:#f5f5f7;line-height:1.25;white-space:normal!important}
.topup-modal-step small{font-size:12px;color:#80808a;line-height:1.45;margin-top:2px;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
@media(max-width:680px){.topup-modal-steps{grid-template-columns:1fr;gap:8px}.topup-modal-steps>i{display:none}.topup-modal-step{grid-template-columns:38px minmax(0,1fr);padding:10px}.topup-modal-step>span{width:38px;height:38px;font-size:12px}.topup-modal-step strong{font-size:13px}.topup-modal-step small{font-size:11px}}

@media (max-width: 900px){
  .hero-home::before{background:linear-gradient(90deg,rgba(4,4,8,.92) 0%,rgba(4,4,8,.83) 26%,rgba(4,4,8,.18) 54%,rgba(4,4,8,.42) 100%),linear-gradient(180deg,rgba(4,4,8,.06) 0%,rgba(4,4,8,.04) 44%,rgba(4,4,8,.34) 100%),radial-gradient(circle at 73% 23%,rgba(96,128,255,.24),transparent 22%),radial-gradient(circle at 85% 39%,rgba(255,118,17,.18),transparent 18%)!important}
  .hero-home-image{object-position:74% 23%!important;filter:saturate(1.12) contrast(1.08) brightness(1.03)!important}
}
@media (max-width: 640px){
  .hero-home-image{object-position:77% 22%!important;filter:saturate(1.13) contrast(1.08) brightness(1.04)!important}
  .hero-home-copy h1{max-width:250px!important}
  .hero-home-copy p{max-width:215px!important}
}
@media (max-width: 420px){
  .hero-home-image{object-position:79% 21%!important}
  .hero-home-copy h1{max-width:238px!important}
  .hero-home-copy p{max-width:206px!important}
}


/* ===== requested final revision: all top-up to popup + mobile hero face visible ===== */
a.topup-modal-trigger{text-decoration:none}
@media (max-width:900px){
  .hero-home::before{background:linear-gradient(90deg,rgba(4,4,8,.93) 0%,rgba(4,4,8,.84) 24%,rgba(4,4,8,.16) 54%,rgba(4,4,8,.38) 100%),linear-gradient(180deg,rgba(4,4,8,.05) 0%,rgba(4,4,8,.04) 46%,rgba(4,4,8,.30) 100%),radial-gradient(circle at 76% 22%,rgba(96,128,255,.22),transparent 21%),radial-gradient(circle at 87% 37%,rgba(255,118,17,.16),transparent 17%)!important}
  .hero-home-image{object-position:78% 22%!important;filter:saturate(1.13) contrast(1.09) brightness(1.04)!important}
}
@media (max-width:640px){
  .hero-home-copy{padding:24px 14px 132px!important}
  .hero-home-copy h1{max-width:238px!important;font-size:35px!important}
  .hero-home-copy p{max-width:198px!important;font-size:12px!important}
  .hero-home-image{object-position:83% 21%!important;filter:saturate(1.15) contrast(1.10) brightness(1.05)!important}
  .hero-home-visual .community-card{right:8px!important;bottom:10px!important;min-width:186px!important}
}
@media (max-width:420px){
  .hero-home-copy h1{max-width:228px!important;font-size:34px!important}
  .hero-home-copy p{max-width:188px!important}
  .hero-home-image{object-position:86% 20%!important}
}


/* ===== FINAL MOBILE HERO FACE POSITION ONLY ===== */
@media (max-width:900px){
  .hero-home-image{
    object-position:10% center!important;
    filter:saturate(1.12) contrast(1.08) brightness(1.03)!important;
  }
  .hero-home::before{
    background:
      linear-gradient(90deg,rgba(4,4,8,.90) 0%,rgba(4,4,8,.78) 28%,rgba(4,4,8,.22) 55%,rgba(4,4,8,.28) 100%),
      linear-gradient(180deg,rgba(4,4,8,.04) 0%,rgba(4,4,8,.03) 46%,rgba(4,4,8,.28) 100%)!important;
  }
}
@media (max-width:640px){
  .hero-home-image{object-position:10% center!important}
}
@media (max-width:420px){
  .hero-home-image{object-position:9% center!important}
}