@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Outfit:wght@400;500;600;700;800;900&display=swap');
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  /* Thrill brand palette */
  --teal-primary:#00E5A0;
  --teal-hover:#1BFFA5;
  --teal-text-hover:#3AFFB5;
  --teal-dark:#00B380;
  --teal-deeper:#008A60;
  --teal-darkest:#005C40;
  --teal-ultra:#003A28;
  --teal-selected:#5AFFC8;
  --teal-surface:#142A24;
  --teal-surface-light:#1A3A30;

  --cyan-primary:#00D4C8;
  --cyan-hover:#33E0D5;
  --cyan-dark:#009E96;
  --cyan-bright:#1BFFE8;
  --cyan-pale:#B0F5EF;

  --bg-primary:#0D1117;
  --bg-secondary:#1C1F2E;
  --bg-tertiary:#161A28;
  --bg-surface:#20243A;
  --bg-card:#20243A;
  --bg-card-hover:#262B45;
  --bg-subtle:rgba(255,255,255,0.03);

  --text-white:#FFFFFF;
  --text-body:rgba(255,255,255,0.85);
  --text-muted:rgba(255,255,255,0.6);
  --text-faint:rgba(255,255,255,0.3);
  --text-accent:#00E5A0;
  --text-success:#7ED321;
  --text-destructive:#F5535E;
  --text-warning:#F5A623;

  --border-subtle:rgba(255,255,255,0.08);
  --border-medium:rgba(255,255,255,0.18);
  --border-teal:rgba(0,229,160,0.3);
  --border-selected:#5AFFC8;

  --success:#7ED321;
  --destructive:#F5535E;
  --warning:#F5A623;
  --hot-pink:#FF3DBE;

  --gradient-hero:linear-gradient(270deg,#00D4C8 0%,#00E5A0 50%,#1BFFA5 100%);
  --gradient-btn-cta:linear-gradient(90deg,#00E5A0 0%,#00D4C8 100%);
  --gradient-btn-cta-hover:linear-gradient(90deg,#1BFFA5 0%,#1BFFE8 100%);
  --gradient-btn-cta-pressed:linear-gradient(90deg,#008A60 0%,#009E96 100%);
  --gradient-btn-primary:linear-gradient(90deg,#00E5A0 0%,#00D4C8 100%);
  --gradient-btn-teal:linear-gradient(211.41deg,#1BFFA5 17.73%,#00E5A0 81.23%);
  --gradient-btn-cyan:linear-gradient(270deg,#008A60 0%,#1BFFE8 50%,#008A60 100%);
  --gradient-teal-text:linear-gradient(180deg,#B0F5EF 0%,#00E5A0 100%);
  --gradient-teal-bg:linear-gradient(211.41deg,#1BFFA5 17.73%,#00E5A0 81.23%);
  --gradient-card:linear-gradient(145deg,#20243A,#161A28);
  --gradient-vip:linear-gradient(270deg,#008A60 0%,#1BFFE8 62.74%,#008A60 100%);
  --gradient-subtle-teal:linear-gradient(360deg,#003A28 0%,rgba(0,58,40,0.5) 100%);

  --max-width:1200px;
  --header-height:64px;
  --radius-sm:4px;
  --radius-md:8px;
  --radius-lg:16px;
  --radius-xl:24px;
  --radius-full:9999px;
  --font-body:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;
  --font-display:'Outfit','Inter',sans-serif;
  --shadow-card:0 4px 24px rgba(0,0,0,0.4);
  --shadow-card-hover:0 8px 40px rgba(0,229,160,0.18);
  --shadow-glow-teal:0 0 40px rgba(0,229,160,0.25);
  --shadow-glow-cyan:0 0 40px rgba(0,212,200,0.15);
  --shadow-cta:0 4px 20px rgba(0,229,160,0.35);
  --shadow-cta-hover:0 8px 32px rgba(27,255,232,0.3)
}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-body);line-height:1.7;font-size:16px;min-height:100vh;overflow-x:hidden}
a{color:var(--teal-primary);text-decoration:none;transition:color 0.2s ease}
a:hover{color:var(--teal-hover)}
img{max-width:100%;height:auto;display:block}
h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-white);line-height:1.2;letter-spacing:-0.02em;font-weight:700}
h1{font-size:clamp(2rem,5vw,3.2rem);font-weight:900}
h2{font-size:clamp(1.6rem,3.5vw,2.4rem);font-weight:800}
h3{font-size:clamp(1.2rem,2.5vw,1.6rem)}
h4{font-size:1.15rem}
p{margin-bottom:1rem}
.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}
.teal-text{background:var(--gradient-teal-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.cyan-text{color:var(--cyan-primary)}
.accent-text{color:var(--teal-primary)}

.site-header{position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--header-height);background:rgba(13,17,23,0.92);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);transition:background 0.3s ease,box-shadow 0.3s ease}
.site-header.scrolled{background:rgba(13,17,23,0.98);box-shadow:0 4px 30px rgba(0,0,0,0.6)}
.header-inner{max-width:var(--max-width);margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;height:100%}
.logo{display:flex;align-items:center;gap:8px;text-decoration:none;transition:opacity 0.2s ease;color:var(--text-white)}
.logo:hover{opacity:0.85;color:var(--text-white)}
.logo-icon{height:30px;width:30px}
.logo-text{font-family:var(--font-display);font-size:1.35rem;font-weight:900;color:var(--text-white);letter-spacing:-0.03em;text-transform:lowercase}
.main-nav{display:flex;align-items:center;gap:4px}
.main-nav a{color:var(--text-muted);font-size:0.9rem;font-weight:500;padding:8px 14px;border-radius:var(--radius-sm);transition:all 0.2s ease;text-decoration:none;white-space:nowrap;position:relative}
.main-nav a:hover{color:var(--text-white)}
.main-nav a.active{color:var(--teal-primary)}
.main-nav a::after{content:'';position:absolute;bottom:2px;left:50%;width:0;height:2px;background:var(--gradient-btn-cta);border-radius:1px;transition:width 0.3s ease,left 0.3s ease}
.main-nav a:hover::after,.main-nav a.active::after{width:60%;left:20%}
.header-actions{display:flex;align-items:center;gap:8px}
.header-cta{display:inline-flex;align-items:center;gap:6px;padding:10px 24px;background:var(--gradient-btn-cta);color:#0D1117;font-weight:800;font-size:0.85rem;border-radius:var(--radius-full);text-decoration:none;transition:all 0.3s ease;letter-spacing:0.02em;box-shadow:var(--shadow-cta);white-space:nowrap;flex-shrink:0}
.header-cta:hover{background:var(--gradient-btn-cta-hover);transform:translateY(-1px);box-shadow:var(--shadow-cta-hover);color:#0D1117}
.menu-toggle{display:none;background:none;border:none;color:var(--text-white);font-size:1.5rem;cursor:pointer;padding:4px}

.hero{position:relative;padding:calc(var(--header-height) + 60px) 0 80px;overflow:hidden;min-height:600px;display:flex;align-items:center}
.hero-content{position:relative;z-index:2;max-width:720px}
.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:rgba(0,229,160,0.12);border:1px solid rgba(0,229,160,0.3);border-radius:var(--radius-full);font-size:0.78rem;font-weight:700;color:var(--teal-primary);margin-bottom:20px;text-transform:uppercase;letter-spacing:0.08em;position:relative;overflow:hidden}
.hero-badge::after{content:'';position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,229,160,0.2),transparent);animation:badgeShine 4s ease-in-out infinite}
@keyframes badgeShine{0%,100%{left:-100%}50%{left:120%}}
.hero h1{margin-bottom:20px;font-size:clamp(2.2rem,5.5vw,3.8rem)}
.hero p{font-size:1.15rem;color:var(--text-body);max-width:560px;margin-bottom:32px;line-height:1.8}
.hero-actions{display:flex;gap:16px;flex-wrap:wrap}
.hero-stats{display:flex;gap:40px;margin-top:48px;padding-top:32px;border-top:1px solid var(--border-subtle);flex-wrap:wrap}
.hero-stat{text-align:left}
.hero-stat .stat-value{font-family:var(--font-display);font-size:1.8rem;font-weight:800;color:var(--teal-primary)}
.hero-stat .stat-label{font-size:0.78rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.08em;margin-top:2px}
.hero-glow{position:absolute;border-radius:50%;filter:blur(120px);opacity:0.4;pointer-events:none}
.hero-glow.teal{width:500px;height:500px;background:var(--teal-primary);top:-100px;right:-100px}
.hero-glow.cyan{width:350px;height:350px;background:var(--cyan-primary);bottom:-50px;left:-50px;opacity:0.25}

.hero-visual{position:relative;z-index:2;display:grid;place-items:center;min-height:420px}
.hero-art{position:relative;width:100%;max-width:480px;aspect-ratio:1/1;background:radial-gradient(circle at 50% 50%,rgba(0,229,160,0.15) 0%,transparent 70%);display:grid;place-items:center}
.hero-art-card{position:absolute;background:var(--gradient-card);border:1px solid var(--border-teal);border-radius:var(--radius-lg);padding:20px;box-shadow:0 12px 40px rgba(0,0,0,0.5),0 0 40px rgba(0,229,160,0.15);transition:transform 0.4s ease}
.hero-art-card.crash{top:10%;left:6%;width:55%;transform:rotate(-4deg)}
.hero-art-card.dice{bottom:8%;right:6%;width:48%;transform:rotate(5deg)}
.hero-art-card .ha-label{font-size:0.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:6px;font-weight:700}
.hero-art-card .ha-value{font-family:var(--font-display);font-size:2rem;font-weight:900;color:var(--teal-primary);margin-bottom:8px;line-height:1}
.hero-art-card .ha-meta{font-size:0.78rem;color:var(--text-body);display:flex;align-items:center;gap:6px}
.hero-art-card .ha-chip{display:inline-block;padding:3px 10px;background:rgba(0,229,160,0.15);color:var(--teal-primary);border-radius:var(--radius-full);font-size:0.7rem;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;margin-top:8px}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 32px;font-family:var(--font-body);font-size:0.95rem;font-weight:700;border-radius:var(--radius-full);border:none;cursor:pointer;transition:all 0.3s ease;text-decoration:none;line-height:1;letter-spacing:0.01em}
.btn-primary{background:var(--gradient-btn-cta);color:#0D1117;box-shadow:var(--shadow-cta);position:relative}
.btn-primary:hover{background:var(--gradient-btn-cta-hover);transform:translateY(-2px);box-shadow:var(--shadow-cta-hover);color:#0D1117}
.btn-primary::after{content:'';position:absolute;inset:-2px;border-radius:inherit;background:var(--gradient-btn-cta);z-index:-1;opacity:0;filter:blur(16px);transition:opacity 0.4s ease}
.btn-primary:hover::after{opacity:0.5}
.btn-secondary{background:transparent;color:var(--text-white);border:1px solid rgba(255,255,255,0.4)}
.btn-secondary:hover{background:rgba(255,255,255,0.08);border-color:#fff;color:var(--text-white)}
.btn-teal{background:var(--teal-primary);color:#0D1117}
.btn-teal:hover{background:var(--teal-hover);transform:translateY(-2px);box-shadow:0 6px 24px rgba(0,229,160,0.35);color:#0D1117}
.btn-ghost{background:transparent;color:var(--teal-primary);border:1px solid var(--border-teal)}
.btn-ghost:hover{background:rgba(0,229,160,0.08);color:var(--teal-hover);border-color:var(--teal-primary)}
.btn-sm{padding:10px 22px;font-size:0.85rem}
.btn-lg{padding:16px 40px;font-size:1.05rem}

.section{padding:80px 0}
.section-dark{background:var(--bg-secondary)}
.section-surface{background:var(--bg-tertiary)}
.section-header{text-align:center;max-width:680px;margin:0 auto 48px}
.section-header h2{margin-bottom:16px}
.section-header p{color:var(--text-muted);font-size:1.05rem;line-height:1.8}
.section-label{display:inline-block;font-size:0.74rem;font-weight:800;color:var(--teal-primary);text-transform:uppercase;letter-spacing:0.14em;margin-bottom:12px}

.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:32px;transition:all 0.3s ease}
.card:hover{border-color:var(--border-teal);box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}
.card-sm{padding:24px;border-radius:var(--radius-md)}

.feature-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:32px;transition:all 0.3s ease;position:relative;overflow:hidden}
.feature-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-hero);opacity:0;transition:opacity 0.3s ease}
.feature-card:hover::before{opacity:1}
.feature-card:hover{border-color:var(--border-teal);transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}
.feature-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:rgba(0,229,160,0.1);border-radius:var(--radius-md);font-size:1.5rem;margin-bottom:20px;color:var(--teal-primary)}
.feature-card h3{margin-bottom:12px;font-size:1.2rem}
.feature-card p{color:var(--text-muted);font-size:0.95rem;margin:0}

.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}

/* Bonus row cards */
.bonus-list{display:flex;flex-direction:column;gap:16px}
.bonus-row{display:flex;align-items:center;gap:20px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:20px 24px;transition:all 0.3s ease}
.bonus-row:hover{border-color:var(--border-teal);transform:translateX(4px)}
.bonus-row .bonus-icon{width:48px;height:48px;border-radius:var(--radius-md);background:rgba(0,229,160,0.12);display:grid;place-items:center;font-size:1.5rem;color:var(--teal-primary);flex-shrink:0}
.bonus-row .bonus-body{flex:1;min-width:0}
.bonus-row .bonus-body h4{margin-bottom:4px;font-size:1rem;color:var(--text-white)}
.bonus-row .bonus-body p{margin:0;color:var(--text-muted);font-size:0.88rem}
.bonus-row .bonus-value{display:inline-flex;align-items:center;padding:6px 14px;background:var(--gradient-teal-bg);color:#0D1117;border-radius:var(--radius-full);font-weight:800;font-size:0.85rem;white-space:nowrap}

/* Promo banner */
.promo-banner{background:var(--bg-card);border:1px solid var(--border-teal);border-radius:var(--radius-lg);padding:32px;display:flex;align-items:center;justify-content:space-between;gap:32px;position:relative;overflow:hidden;flex-wrap:wrap}
.promo-banner::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-hero)}
.promo-banner-content h3{font-size:1.35rem;margin-bottom:8px}
.promo-banner-content p{color:var(--text-muted);margin:0;font-size:0.95rem}
.promo-banner-content .feature-line{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px}

/* CTA section */
.cta-section{padding:80px 0;background:var(--bg-tertiary);position:relative;overflow:hidden}
.cta-section::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:var(--teal-primary);border-radius:50%;filter:blur(200px);opacity:0.08}
.cta-inner{text-align:center;position:relative;z-index:1}
.cta-inner h2{margin-bottom:16px}
.cta-inner p{color:var(--text-muted);max-width:520px;margin:0 auto 32px;font-size:1.05rem}
.cta-actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}

/* Promo code box */
.promo-code-box{display:inline-flex;align-items:center;gap:0;background:var(--bg-card);border:2px solid var(--teal-primary);border-radius:var(--radius-md);overflow:hidden;max-width:380px;margin:0 auto 24px}
.promo-code-value{padding:14px 24px;font-family:'JetBrains Mono','Courier New',monospace;font-size:1.25rem;font-weight:800;color:var(--teal-primary);letter-spacing:0.2em;flex:1}
.promo-code-copy{padding:14px 24px;background:var(--gradient-btn-cta);color:#0D1117;font-weight:800;font-size:0.85rem;border:none;cursor:pointer;transition:all 0.2s ease;white-space:nowrap;font-family:inherit}
.promo-code-copy:hover{background:var(--gradient-btn-cta-hover)}

/* Promo code display (centered massive) */
.promo-display{background:var(--gradient-card);border:1px solid var(--border-teal);border-radius:var(--radius-xl);padding:48px 32px;text-align:center;max-width:640px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 0 60px rgba(0,229,160,0.15)}
.promo-display::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-hero)}
.promo-display .label{font-size:0.78rem;color:var(--teal-primary);text-transform:uppercase;letter-spacing:0.18em;font-weight:800;margin-bottom:16px}
.promo-display .code{font-family:var(--font-display);font-size:clamp(2rem,6vw,3.4rem);font-weight:900;background:var(--gradient-teal-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:0.4em;margin:8px 0 24px;line-height:1}
.promo-display .copy-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;background:var(--gradient-btn-cta);color:#0D1117;border:none;border-radius:var(--radius-full);font-weight:800;font-size:0.9rem;cursor:pointer;transition:all 0.3s ease;font-family:inherit}
.promo-display .copy-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-cta-hover)}
.promo-display .copied-flash{display:block;margin-top:14px;color:var(--success);font-size:0.85rem;font-weight:700;opacity:0;transition:opacity 0.2s ease}
.promo-display.copied .copied-flash{opacity:1}

/* News card */
.news-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;transition:all 0.3s ease;display:flex;flex-direction:column}
.news-card:hover{border-color:var(--border-teal);transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}
.news-card-img{width:100%;height:180px;background:linear-gradient(135deg,var(--teal-darkest),var(--teal-ultra));display:grid;place-items:center;font-size:3rem;color:rgba(255,255,255,0.85);overflow:hidden;position:relative}
.news-card-img.variant-2{background:linear-gradient(135deg,#1A3A30,#005C40)}
.news-card-img.variant-3{background:linear-gradient(135deg,#143040,#0D1117)}
.news-card-img.variant-4{background:linear-gradient(135deg,#2A1A40,#0D1117)}
.news-card-body{padding:24px;flex:1;display:flex;flex-direction:column}
.news-card-tag{display:inline-block;padding:4px 12px;background:rgba(0,229,160,0.12);color:var(--teal-primary);font-size:0.72rem;font-weight:700;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:0.06em;margin-bottom:12px;align-self:flex-start}
.news-card-tag.warn{background:rgba(245,166,35,0.12);color:var(--warning)}
.news-card-tag.cyan{background:rgba(0,212,200,0.12);color:var(--cyan-primary)}
.news-card-tag.pink{background:rgba(255,61,190,0.12);color:var(--hot-pink)}
.news-card h3{font-size:1.1rem;margin-bottom:10px;line-height:1.4}
.news-card p{color:var(--text-muted);font-size:0.9rem;line-height:1.7;margin:0;flex:1}
.news-card-date{display:block;color:var(--text-faint);font-size:0.78rem;margin-top:12px}

/* Tables */
.data-table{width:100%;border-collapse:collapse;background:var(--bg-card);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-subtle)}
.data-table thead{background:var(--teal-surface)}
.data-table th{padding:14px 20px;text-align:left;font-size:0.78rem;font-weight:800;color:var(--teal-primary);text-transform:uppercase;letter-spacing:0.08em;border-bottom:1px solid var(--border-subtle)}
.data-table td{padding:16px 20px;font-size:0.92rem;color:var(--text-body);border-bottom:1px solid var(--border-subtle)}
.data-table tbody tr:hover{background:rgba(0,229,160,0.04)}
.data-table tbody tr:last-child td{border-bottom:none}

/* Badges & pills */
.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:var(--radius-full);font-size:0.74rem;font-weight:700;text-transform:uppercase;letter-spacing:0.06em}
.badge-teal{background:rgba(0,229,160,0.15);color:var(--teal-primary)}
.badge-cyan{background:rgba(0,212,200,0.15);color:var(--cyan-primary)}
.badge-green{background:rgba(126,211,33,0.12);color:var(--success)}
.badge-warn{background:rgba(245,166,35,0.12);color:var(--warning)}
.badge-pink{background:rgba(255,61,190,0.12);color:var(--hot-pink)}
.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-full);font-size:0.82rem;color:var(--text-body)}

.live-indicator{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:rgba(126,211,33,0.08);border:1px solid rgba(126,211,33,0.25);border-radius:var(--radius-full);font-size:0.78rem;font-weight:700;color:var(--success);text-transform:uppercase;letter-spacing:0.06em}
.live-dot{width:8px;height:8px;border-radius:50%;background:var(--success);animation:livePulse 2s ease-in-out infinite}
@keyframes livePulse{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(126,211,33,0.4)}50%{opacity:0.7;box-shadow:0 0 0 6px rgba(126,211,33,0)}}

/* FAQ */
.faq-list{max-width:800px;margin:0 auto}
.faq-item{border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin-bottom:12px;overflow:hidden;background:var(--bg-card)}
.faq-question{width:100%;background:none;border:none;padding:20px 24px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;color:var(--text-white);font-size:1rem;font-weight:600;font-family:var(--font-body);text-align:left}
.faq-question:hover{background:rgba(0,229,160,0.04)}
.faq-icon{font-size:1.4rem;color:var(--teal-primary);transition:transform 0.3s ease;flex-shrink:0;margin-left:16px;font-weight:300;line-height:1}
.faq-item.active .faq-icon{transform:rotate(45deg)}
.faq-answer{max-height:0;overflow:hidden;transition:max-height 0.35s ease}
.faq-item.active .faq-answer{max-height:800px}
.faq-answer-inner{padding:0 24px 20px;color:var(--text-muted);font-size:0.95rem;line-height:1.8}
.faq-answer-inner p{margin-bottom:0.8em}
.faq-answer-inner p:last-child{margin-bottom:0}

/* Footer */
.site-footer{background:var(--bg-secondary);border-top:1px solid var(--border-subtle);padding:64px 0 0;position:relative}
.site-footer::before{content:'';position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,var(--teal-primary),var(--cyan-primary),var(--teal-primary),transparent);opacity:0.4}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px}
.footer-brand p{color:var(--text-muted);font-size:0.9rem;line-height:1.8;margin-top:16px;max-width:340px}
.footer-col h4{font-size:0.8rem;font-weight:800;text-transform:uppercase;letter-spacing:0.1em;color:var(--text-white);margin-bottom:20px}
.footer-col ul{list-style:none}
.footer-col li{margin-bottom:10px}
.footer-col a{color:var(--text-muted);font-size:0.88rem;transition:color 0.2s ease}
.footer-col a:hover{color:var(--teal-primary)}
.footer-bottom{border-top:1px solid var(--border-subtle);padding:24px 0;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.footer-bottom p{color:var(--text-faint);font-size:0.78rem;margin:0;line-height:1.7}
.footer-payment-icons{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:16px}
.footer-payment-icons span{display:inline-flex;align-items:center;padding:5px 10px;background:rgba(255,255,255,0.04);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-size:0.72rem;color:var(--text-muted);font-weight:600}
.footer-certs{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.footer-certs span{font-size:0.7rem;color:var(--text-faint);padding:3px 8px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:0.05em;font-weight:600}

/* Page hero */
.page-hero{padding:calc(var(--header-height) + 48px) 0 48px;background:var(--bg-secondary);position:relative;overflow:hidden}
.page-hero::before{content:'';position:absolute;top:-100px;right:-100px;width:400px;height:400px;background:var(--teal-primary);border-radius:50%;filter:blur(180px);opacity:0.1}
.page-hero h1{margin-bottom:12px;position:relative;z-index:1}
.page-hero p{color:var(--text-muted);font-size:1.05rem;max-width:680px;position:relative;z-index:1}
.page-hero .meta-line{margin-top:14px;font-size:0.82rem;color:var(--text-faint);position:relative;z-index:1}
.breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:16px;font-size:0.82rem;position:relative;z-index:1}
.breadcrumb a{color:var(--text-muted)}
.breadcrumb a:hover{color:var(--teal-primary)}
.breadcrumb .sep{color:var(--text-faint)}
.breadcrumb .current{color:var(--text-body)}

/* Split layout */
.split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.split-content h2{margin-bottom:16px}
.split-content p{color:var(--text-muted);margin-bottom:16px;line-height:1.8}
.split-content ul{list-style:none;margin-bottom:24px}
.split-content ul li{padding:8px 0;padding-left:28px;position:relative;color:var(--text-body);font-size:0.95rem}
.split-content ul li::before{content:'';position:absolute;left:0;top:13px;width:14px;height:14px;background:var(--gradient-teal-bg);border-radius:50%;box-shadow:0 0 10px rgba(0,229,160,0.4)}
.split-content ul li::after{content:'';position:absolute;left:4px;top:17px;width:6px;height:3px;border-left:2px solid #0D1117;border-bottom:2px solid #0D1117;transform:rotate(-45deg)}

.split-art{background:var(--gradient-card);border:1px solid var(--border-teal);border-radius:var(--radius-lg);min-height:380px;display:grid;place-items:center;padding:32px;position:relative;overflow:hidden}
.split-art::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 30% 30%,rgba(0,229,160,0.15),transparent 60%)}

/* Stats bar */
.stats-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:40px 0;background:var(--bg-tertiary);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}
.stat-item{text-align:center;padding:16px 24px}
.stat-item .stat-number{font-family:var(--font-display);font-size:2.2rem;font-weight:900;color:var(--teal-primary);line-height:1}
.stat-item .stat-desc{color:var(--text-muted);font-size:0.8rem;margin-top:8px;text-transform:uppercase;letter-spacing:0.08em;font-weight:600}

/* Highlight box */
.highlight-box{background:rgba(0,229,160,0.05);border:1px solid rgba(0,229,160,0.18);border-left:3px solid var(--teal-primary);border-radius:var(--radius-md);padding:24px;margin:24px 0}
.highlight-box h4{color:var(--teal-primary);margin-bottom:8px;font-size:1rem}
.highlight-box p{color:var(--text-body);margin:0;font-size:0.95rem}
.highlight-box.warn{background:rgba(245,166,35,0.05);border-color:rgba(245,166,35,0.2);border-left-color:var(--warning)}
.highlight-box.warn h4{color:var(--warning)}

/* VIP tiers */
.tier-bar{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;margin:24px 0 32px}
.tier-step{padding:14px 8px;text-align:center;border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border-subtle);transition:all 0.3s ease}
.tier-step:hover{border-color:var(--border-teal);transform:translateY(-2px)}
.tier-step .tier-name{font-family:var(--font-display);font-size:0.78rem;font-weight:800;color:var(--text-white);text-transform:uppercase;letter-spacing:0.05em;margin-bottom:4px;line-height:1}
.tier-step .tier-value{font-size:0.72rem;color:var(--teal-primary);font-weight:700}
.tier-step.tier-1{border-color:rgba(126,211,33,0.3)}
.tier-step.tier-2{border-color:rgba(0,212,200,0.3)}
.tier-step.tier-3{border-color:rgba(0,229,160,0.4)}
.tier-step.tier-4{border-color:rgba(0,229,160,0.5);background:rgba(0,229,160,0.05)}
.tier-step.tier-5{border-color:rgba(27,255,232,0.5);background:rgba(0,229,160,0.08)}
.tier-step.tier-6{border-color:rgba(255,61,190,0.4);background:rgba(0,229,160,0.1)}
.tier-step.tier-7{border-color:rgba(245,166,35,0.5);background:rgba(0,229,160,0.12)}
.tier-step.tier-8{border-color:var(--teal-primary);background:linear-gradient(135deg,rgba(0,229,160,0.18),rgba(0,212,200,0.18));box-shadow:0 0 20px rgba(0,229,160,0.2)}

/* Game card grid (originals) */
.game-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.game-tile{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:20px;text-align:center;transition:all 0.3s ease;cursor:pointer;position:relative;overflow:hidden}
.game-tile:hover{border-color:var(--border-teal);transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}
.game-tile::before{content:'';position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,229,160,0.05),transparent);transition:left 0.6s ease}
.game-tile:hover::before{left:120%}
.game-tile .game-icon{font-size:2.2rem;margin-bottom:12px;display:block}
.game-tile .game-name{font-family:var(--font-display);font-weight:800;font-size:1rem;color:var(--text-white);margin-bottom:4px}
.game-tile .game-rtp{font-size:0.78rem;color:var(--teal-primary);font-weight:700}

/* Payment grid */
.payment-section{margin-bottom:32px}
.payment-section-label{font-size:0.74rem;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.12em;margin-bottom:14px}
.payment-grid{display:flex;flex-wrap:wrap;gap:8px}
.payment-pill{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:rgba(255,255,255,0.03);border:1px solid var(--border-subtle);border-radius:var(--radius-full);font-size:0.82rem;color:var(--text-body);transition:all 0.2s ease;font-weight:600}
.payment-pill:hover{border-color:var(--teal-primary);background:rgba(0,229,160,0.05);color:var(--text-white)}
.payment-pill .pp-tick{color:var(--teal-primary);font-weight:900;font-size:0.7rem}

/* Tournament card */
.tournament-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:28px;transition:all 0.3s ease;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:16px}
.tournament-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-hero);opacity:0.6}
.tournament-card:hover{border-color:var(--border-teal);transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}
.tournament-card .t-label{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.tournament-card .t-prize{font-family:var(--font-display);font-size:2.2rem;font-weight:900;color:var(--teal-primary);line-height:1;margin:6px 0 4px}
.tournament-card .t-sub{font-size:0.85rem;color:var(--text-muted)}
.tournament-card .t-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}

/* Device cards */
.device-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.device-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:24px;display:flex;align-items:center;gap:16px;transition:all 0.3s ease}
.device-card:hover{border-color:var(--border-teal);transform:translateY(-2px)}
.device-card .d-icon{font-size:1.8rem;width:48px;height:48px;border-radius:var(--radius-md);background:rgba(0,229,160,0.1);display:grid;place-items:center;flex-shrink:0;color:var(--teal-primary)}
.device-card .d-body h4{margin-bottom:4px;font-size:0.98rem}
.device-card .d-body p{margin:0;color:var(--text-muted);font-size:0.84rem}

/* Trust strip */
.trust-strip{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;align-items:center;padding:20px;background:var(--bg-tertiary);border-radius:var(--radius-md);margin-top:24px}
.trust-strip span{font-size:0.78rem;color:var(--text-muted);font-weight:600;display:flex;align-items:center;gap:6px}
.trust-strip span::before{content:'';width:4px;height:4px;background:var(--teal-primary);border-radius:50%}
.trust-strip span:first-child::before{display:none}

/* Long content */
.content-block{max-width:820px;margin:0 auto}
.content-block h2{margin:32px 0 16px}
.content-block h3{margin:24px 0 12px;color:var(--teal-primary)}
.content-block p{color:var(--text-body);margin-bottom:16px;line-height:1.85}
.content-block ul,.content-block ol{margin:0 0 16px 24px;color:var(--text-body)}
.content-block li{margin-bottom:8px;line-height:1.8}
.content-block strong{color:var(--text-white);font-weight:700}

/* Responsive */
@media (max-width:1024px){
  .grid-4{grid-template-columns:repeat(2,1fr)}
  .game-grid{grid-template-columns:repeat(3,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr;gap:32px}
  .split{gap:40px}
  .hero-stats{gap:24px}
  .tier-bar{grid-template-columns:repeat(4,1fr)}
}
@media (max-width:768px){
  .grid-3{grid-template-columns:1fr}
  .grid-2{grid-template-columns:1fr}
  .grid-4{grid-template-columns:1fr}
  .game-grid{grid-template-columns:repeat(2,1fr)}
  .device-grid{grid-template-columns:1fr}
  .split{grid-template-columns:1fr;gap:32px}
  .section{padding:56px 0}
  .section-header{margin-bottom:32px}
  .hero{min-height:auto;padding:calc(var(--header-height) + 40px) 0 56px}
  .hero h1{font-size:2rem}
  .hero-stats{flex-direction:column;gap:16px}
  .stats-bar{grid-template-columns:repeat(2,1fr);gap:16px}
  .promo-banner{flex-direction:column;text-align:center;padding:24px}
  .main-nav{position:fixed;top:var(--header-height);left:0;right:0;bottom:0;background:var(--bg-primary);flex-direction:column;padding:24px;gap:4px;transform:translateX(100%);transition:transform 0.3s ease;z-index:999;border-top:1px solid var(--border-subtle);align-items:stretch}
  .main-nav.open{transform:translateX(0)}
  .main-nav a{padding:14px 16px;font-size:1rem;border-radius:var(--radius-md)}
  .header-cta-desktop{display:none}
  .menu-toggle{display:block}
  .footer-grid{grid-template-columns:1fr;gap:24px}
  .footer-bottom{flex-direction:column;text-align:center}
  .data-table{font-size:0.85rem}
  .data-table th,.data-table td{padding:12px}
  .tier-bar{grid-template-columns:repeat(2,1fr)}
  .hero-visual{display:none}
}

/* Anim */
@keyframes fadeInUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
.fade-in-up{animation:fadeInUp 0.6s ease both}
.reveal-target{opacity:0;transform:translateY(24px);transition:opacity 0.7s cubic-bezier(0.16,1,0.3,1),transform 0.7s cubic-bezier(0.16,1,0.3,1)}
.reveal-target.revealed{opacity:1;transform:translateY(0)}
.grid-3 .reveal-target:nth-child(2){transition-delay:0.08s}
.grid-3 .reveal-target:nth-child(3){transition-delay:0.16s}

/* Scrollbar */
::-webkit-scrollbar{width:8px}
::-webkit-scrollbar-track{background:var(--bg-primary)}
::-webkit-scrollbar-thumb{background:var(--teal-surface);border-radius:4px}
::-webkit-scrollbar-thumb:hover{background:var(--teal-primary)}

/* Utility */
.text-center{text-align:center}
.text-teal{color:var(--teal-primary)}
.text-cyan{color:var(--cyan-primary)}
.text-muted{color:var(--text-muted)}
.mb-0{margin-bottom:0}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mb-4{margin-bottom:32px}
.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}

/* Theme toggle */
.theme-toggle{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:1px solid var(--border-subtle);background:transparent;color:var(--text-muted);cursor:pointer;transition:all 0.25s ease;flex-shrink:0}
.theme-toggle:hover{border-color:var(--teal-primary);color:var(--teal-primary)}
.theme-toggle svg{width:18px;height:18px;transition:transform 0.3s ease}
.theme-toggle:hover svg{transform:rotate(15deg)}
.theme-toggle .icon-sun{display:none}
.theme-toggle .icon-moon{display:block}
[data-theme="light"] .theme-toggle .icon-sun{display:block}
[data-theme="light"] .theme-toggle .icon-moon{display:none}

/* Light theme override */
[data-theme="light"]{
  --teal-primary:#00A878;
  --teal-hover:#008A60;
  --teal-text-hover:#008A60;
  --teal-dark:#005C40;
  --teal-deeper:#003A28;
  --teal-surface:#E0F5EC;
  --teal-surface-light:#D0F0E0;
  --cyan-primary:#0095A0;
  --cyan-hover:#007680;
  --bg-primary:#F8FAFC;
  --bg-secondary:#EEF2F6;
  --bg-tertiary:#E5EAF0;
  --bg-surface:#FFFFFF;
  --bg-card:#FFFFFF;
  --bg-card-hover:#F5F8FB;
  --text-white:#0D1117;
  --text-body:#1F2937;
  --text-muted:#5B6470;
  --text-faint:#9AA3AE;
  --border-subtle:rgba(0,168,120,0.12);
  --border-medium:rgba(0,168,120,0.22);
  --border-teal:rgba(0,168,120,0.3);
  --gradient-hero:linear-gradient(270deg,#0095A0,#00A878,#00C49A);
  --gradient-btn-cta:linear-gradient(90deg,#00A878 0%,#0095A0 100%);
  --gradient-btn-cta-hover:linear-gradient(90deg,#00C49A 0%,#00B5C2 100%);
  --gradient-teal-text:linear-gradient(180deg,#005C40,#00A878);
  --gradient-teal-bg:linear-gradient(211deg,#00C49A,#00A878);
  --gradient-card:linear-gradient(145deg,#FFFFFF,#F5F8FB);
  --shadow-card:0 4px 24px rgba(0,168,120,0.06);
  --shadow-card-hover:0 8px 40px rgba(0,168,120,0.12);
  --shadow-cta:0 4px 20px rgba(0,168,120,0.2);
  --shadow-cta-hover:0 8px 32px rgba(0,150,160,0.2)
}
[data-theme="light"] body{background:var(--bg-primary);color:var(--text-body)}
[data-theme="light"] .site-header{background:rgba(248,250,252,0.92)}
[data-theme="light"] .site-header.scrolled{background:rgba(248,250,252,0.98);box-shadow:0 4px 30px rgba(0,168,120,0.08)}
[data-theme="light"] .main-nav a{color:var(--text-body)}
[data-theme="light"] .main-nav a:hover{color:var(--teal-primary)}
[data-theme="light"] .main-nav a.active{color:var(--teal-primary)}
[data-theme="light"] .btn-secondary{border-color:var(--teal-primary);color:var(--teal-primary)}
[data-theme="light"] .btn-secondary:hover{background:rgba(0,168,120,0.06);color:var(--teal-primary)}
[data-theme="light"] .card,[data-theme="light"] .feature-card,[data-theme="light"] .news-card,[data-theme="light"] .faq-item,[data-theme="light"] .bonus-row,[data-theme="light"] .tournament-card,[data-theme="light"] .game-tile,[data-theme="light"] .device-card{border-color:rgba(0,168,120,0.1);box-shadow:var(--shadow-card)}
[data-theme="light"] .promo-banner{border-color:rgba(0,168,120,0.18);box-shadow:var(--shadow-card)}
[data-theme="light"] .data-table thead{background:var(--teal-surface)}
[data-theme="light"] .site-footer{background:#E8F2EE}
[data-theme="light"] .footer-payment-icons span,[data-theme="light"] .footer-certs span{background:#FFFFFF;border-color:var(--border-subtle);color:var(--text-body)}
[data-theme="light"] .payment-pill{background:#FFFFFF;border-color:rgba(0,168,120,0.12)}
[data-theme="light"] .highlight-box{background:rgba(0,168,120,0.04);border-color:rgba(0,168,120,0.12)}
[data-theme="light"] .page-hero{background:var(--bg-secondary)}
[data-theme="light"] .page-hero::before{opacity:0.04}
[data-theme="light"] .cta-section::before{opacity:0.04}
[data-theme="light"] .hero-glow{opacity:0.08}
[data-theme="light"] .header-cta{color:#FFFFFF}
[data-theme="light"] .btn-primary{color:#FFFFFF}
[data-theme="light"] .btn-primary:hover{color:#FFFFFF}
[data-theme="light"] .promo-code-copy{color:#FFFFFF}
[data-theme="light"] .bonus-row .bonus-value{color:#FFFFFF}
[data-theme="light"] .promo-display .copy-btn{color:#FFFFFF}
[data-theme="light"] .stats-bar{background:#F2F6F9;border-color:rgba(0,168,120,0.1)}
[data-theme="light"] .tier-step{background:#FFFFFF;border-color:rgba(0,168,120,0.12)}
[data-theme="light"] .news-card-img{background:linear-gradient(135deg,#00A878,#005C40)}
[data-theme="light"] .news-card-img.variant-2{background:linear-gradient(135deg,#0095A0,#005C40)}
[data-theme="light"] .news-card-img.variant-3{background:linear-gradient(135deg,#1F4E5F,#0D2F3F)}
[data-theme="light"] .news-card-img.variant-4{background:linear-gradient(135deg,#5A3A8C,#2F1F5C)}

@media (prefers-reduced-motion:reduce){
  .reveal-target{transition-duration:0s;opacity:1;transform:none}
  .live-dot,.hero-badge::after{animation:none}
  .btn-primary::after{display:none}
}

/* ============================ */
/* CATEGORY PILL NAV            */
/* ============================ */
.category-nav{position:sticky;top:64px;z-index:50;background:rgba(13,17,23,0.92);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);padding:14px 0;margin-bottom:32px}
[data-theme="light"] .category-nav{background:rgba(248,250,252,0.92);border-color:rgba(0,168,120,0.1)}
.category-nav-inner{max-width:1280px;margin:0 auto;padding:0 24px;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}
.category-nav-inner::-webkit-scrollbar{display:none}
.category-pill{flex-shrink:0;padding:9px 18px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:999px;color:var(--text-secondary);font-family:var(--font-display);font-weight:700;font-size:0.82rem;letter-spacing:0.04em;text-transform:uppercase;text-decoration:none;transition:all 0.2s ease;white-space:nowrap;cursor:pointer}
.category-pill:hover{background:rgba(0,229,160,0.08);border-color:var(--border-teal);color:var(--text-white)}
.category-pill.active{background:linear-gradient(135deg,var(--teal-primary),var(--cyan-primary));color:#0D1117;border-color:transparent;box-shadow:0 4px 16px rgba(0,229,160,0.3)}
[data-theme="light"] .category-pill.active{color:#FFFFFF}

/* ============================ */
/* FEATURED BANNERS             */
/* ============================ */
.featured-banners{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:36px}
@media (max-width:768px){.featured-banners{grid-template-columns:1fr}}
.featured-banner{position:relative;border-radius:var(--radius-lg);overflow:hidden;padding:30px 32px;min-height:180px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;transition:transform 0.3s ease;color:#FFFFFF}
.featured-banner:hover{transform:translateY(-3px)}
.featured-banner.green{background:linear-gradient(135deg,#3DBA4E 0%,#0F5C1E 100%)}
.featured-banner.orange{background:linear-gradient(135deg,#FF8A3D 0%,#C2410C 100%)}
.featured-banner.purple{background:linear-gradient(135deg,#9333EA 0%,#4C1D95 100%)}
.featured-banner.red{background:linear-gradient(135deg,#EF4444 0%,#7F1D1D 100%)}
.featured-banner::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at top right,rgba(255,255,255,0.18),transparent 60%);pointer-events:none}
.banner-tag{font-family:var(--font-display);font-weight:800;font-size:0.7rem;letter-spacing:0.14em;text-transform:uppercase;opacity:0.85;position:relative;z-index:1}
.banner-title{font-family:var(--font-display);font-weight:900;font-size:1.95rem;line-height:1.05;text-transform:uppercase;letter-spacing:-0.01em;position:relative;z-index:1}
.banner-cta{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;padding:10px 18px;background:rgba(0,0,0,0.35);backdrop-filter:blur(8px);border-radius:999px;color:#FFFFFF;font-family:var(--font-display);font-weight:700;font-size:0.82rem;text-decoration:none;position:relative;z-index:1}
.banner-cta:hover{background:rgba(0,0,0,0.55)}

/* ============================ */
/* GAME PANEL (gradient tile)   */
/* ============================ */
.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}
@media (max-width:640px){.game-grid{grid-template-columns:repeat(2,1fr);gap:12px}}

/* === GAME CARD v2 — premium, dimensional, animated === */
.game-panel{position:relative;aspect-ratio:3/4;border-radius:18px;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;padding:12px;color:#FFFFFF;text-decoration:none;isolation:isolate;transition:transform 0.35s cubic-bezier(0.16,1,0.3,1),box-shadow 0.35s cubic-bezier(0.16,1,0.3,1);will-change:transform;box-shadow:0 4px 14px rgba(0,0,0,0.25),inset 0 0 0 1px rgba(255,255,255,0.05)}
.game-panel:hover{transform:translateY(-6px) scale(1.025);box-shadow:0 22px 50px rgba(0,0,0,0.55),0 0 0 1px rgba(255,255,255,0.12) inset,0 0 30px -10px var(--teal-primary)}
/* Subtle animated gradient sheen across the card */
.game-panel::before{content:'';position:absolute;inset:-2px;background:radial-gradient(ellipse at 28% 18%,rgba(255,255,255,0.28),transparent 55%),radial-gradient(ellipse at 80% 90%,rgba(0,0,0,0.4),transparent 60%);z-index:0;pointer-events:none;mix-blend-mode:soft-light}
/* Bottom darkening for legibility of game name + diagonal shimmer */
.game-panel::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 35%,rgba(0,0,0,0.55) 88%,rgba(0,0,0,0.7) 100%);z-index:1;pointer-events:none}
/* Diagonal moving shine on hover */
.game-panel:hover .gp-shine{transform:translateX(110%) skewX(-18deg);opacity:0.55}
.gp-shine{position:absolute;top:-20%;left:-50%;width:50%;height:140%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.35),transparent);transform:translateX(-100%) skewX(-18deg);transition:transform 0.9s cubic-bezier(0.22,1,0.36,1),opacity 0.4s ease;z-index:2;pointer-events:none;opacity:0}

/* Top row: badge top-right, provider pill centered (matches thrill.com aesthetic) */
.gp-top{position:relative;z-index:3;display:flex;align-items:flex-start;justify-content:flex-end;gap:6px;min-height:24px}
.gp-provider{position:absolute;top:14px;left:50%;transform:translateX(-50%);font-family:var(--font-display);font-weight:800;font-size:0.6rem;letter-spacing:0.14em;text-transform:uppercase;color:#FFFFFF;background:rgba(10,10,30,0.5);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:5px 12px;border-radius:999px;border:1px solid rgba(255,255,255,0.16);white-space:nowrap;z-index:3}
.gp-badge{font-family:var(--font-display);font-weight:900;font-size:0.58rem;letter-spacing:0.1em;text-transform:uppercase;padding:4px 7px;border-radius:6px;color:#0D1117;background:#FFC83D;box-shadow:0 2px 6px rgba(0,0,0,0.3)}
.gp-badge.gp-hot{background:linear-gradient(135deg,#FF5577,#FF8A3D);color:#FFFFFF}
.gp-badge.gp-new{background:linear-gradient(135deg,#00E5A0,#00D4C8);color:#0D1117}
.gp-badge.gp-live{background:#FF0040;color:#FFFFFF;display:inline-flex;align-items:center;gap:5px}
.gp-badge.gp-live::before{content:'';width:6px;height:6px;border-radius:50%;background:#FFFFFF;animation:livePulse 1.4s ease-in-out infinite}
.gp-badge.gp-fair{background:rgba(0,229,160,0.22);color:#00E5A0;border:1px solid rgba(0,229,160,0.4);white-space:nowrap}
.gp-badge{white-space:nowrap}
/* Slightly larger gp-top so badges never crop */
.gp-top{flex-wrap:nowrap}

/* Big visual moved to LOWER half to clear the upper-third title — matches thrill.com layout */
.gp-visual{position:absolute;font-family:var(--font-display);font-weight:900;font-size:3.4rem;line-height:1;opacity:0.92;z-index:2;text-shadow:0 6px 22px rgba(0,0,0,0.45);left:50%;bottom:30%;transform:translateX(-50%);letter-spacing:-0.04em;pointer-events:none;animation:gpDrift 7s ease-in-out infinite}
.gp-emoji{position:absolute;left:50%;bottom:30%;transform:translateX(-50%);font-size:3.2rem;z-index:2;filter:drop-shadow(0 6px 14px rgba(0,0,0,0.5));pointer-events:none;animation:gpDrift 7s ease-in-out infinite}
@keyframes gpDrift{0%,100%{transform:translateX(-50%) translateY(0) rotate(0deg)}50%{transform:translateX(-50%) translateY(-4px) rotate(-2deg)}}
.game-panel:hover .gp-visual,.game-panel:hover .gp-emoji{animation-duration:3s;filter:drop-shadow(0 10px 24px rgba(0,0,0,0.6)) brightness(1.1)}

/* Game name lives in the UPPER THIRD, centered (thrill.com layout) */
.gp-name{position:absolute;top:46px;left:0;right:0;text-align:center;padding:0 10px;font-family:var(--font-display);font-weight:900;font-size:1.4rem;line-height:0.95;text-transform:uppercase;letter-spacing:-0.005em;text-shadow:0 2px 10px rgba(0,0,0,0.5);z-index:3}
/* Bottom meta strip: RTP + min bet */
.gp-meta{position:absolute;left:0;right:0;bottom:14px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:0.66rem;color:rgba(255,255,255,0.88);font-weight:600;letter-spacing:0.04em;text-align:center;z-index:3;padding:0 10px}
.gp-meta .gp-rtp{display:inline-flex;align-items:center;gap:3px;color:#00E5A0;font-weight:800;font-variant-numeric:tabular-nums}
.gp-meta .gp-rtp::before{content:'';width:5px;height:5px;border-radius:50%;background:#00E5A0;box-shadow:0 0 6px #00E5A0}
.gp-meta .gp-dot{width:3px;height:3px;border-radius:50%;background:rgba(255,255,255,0.35)}

/* Hover overlay: PLAY NOW button slides up */
.gp-cta{position:absolute;left:50%;bottom:14px;transform:translate(-50%,calc(100% + 30px));background:#FFFFFF;color:#0D1117;font-family:var(--font-display);font-weight:900;font-size:0.74rem;letter-spacing:0.08em;text-transform:uppercase;padding:8px 14px;border-radius:999px;z-index:4;display:inline-flex;align-items:center;gap:5px;box-shadow:0 6px 20px rgba(0,0,0,0.4);transition:transform 0.4s cubic-bezier(0.22,1,0.36,1),background 0.2s ease;opacity:0;white-space:nowrap}
.game-panel:hover .gp-cta{transform:translate(-50%,0);opacity:1}
.gp-cta::after{content:'▶';font-size:0.6rem}
.gp-cta:hover{background:var(--teal-primary)}

/* When hovered, fade the meta + name slightly so CTA pops */
.game-panel:hover .gp-meta,.game-panel:hover .gp-name{opacity:0.35;transition:opacity 0.3s ease}

/* Reduced motion */
@media (prefers-reduced-motion:reduce){
  .game-panel,.gp-visual,.gp-emoji,.gp-shine,.gp-cta{animation:none !important;transition:none !important}
  .game-panel:hover{transform:none}
}

/* Per-game gradients - Originals */
.gp-keno{background:linear-gradient(135deg,#9333EA 0%,#00C896 100%)}
.gp-limbo{background:linear-gradient(135deg,#65D043 0%,#1B5E20 100%)}
.gp-baccarat{background:linear-gradient(135deg,#FF8A3D 0%,#E64A19 100%)}
.gp-coinflip{background:linear-gradient(135deg,#3B9BFF 0%,#0D47A1 100%)}
.gp-dice{background:linear-gradient(135deg,#00D4F0 0%,#006064 100%)}
.gp-mines{background:linear-gradient(135deg,#F44336 0%,#7B1F1F 100%)}
.gp-blackjack{background:linear-gradient(135deg,#E91E63 0%,#5D0E2F 100%)}
.gp-crash{background:linear-gradient(135deg,#FF7A3D 0%,#D81B60 100%)}
.gp-plinko{background:linear-gradient(135deg,#A855F7 0%,#4A148C 100%)}
.gp-hilo{background:linear-gradient(135deg,#FFC107 0%,#FF6F00 100%)}
.gp-slide{background:linear-gradient(135deg,#26C6DA 0%,#006064 100%)}

/* Per-game gradients - Game Shows */
.gp-crazytime{background:linear-gradient(135deg,#FF1744 0%,#7A0014 100%)}
.gp-moneytime{background:linear-gradient(135deg,#16A34A 0%,#052E16 100%)}
.gp-lightningroulette{background:linear-gradient(135deg,#9333EA 0%,#1E1B4B 100%)}
.gp-lightningstorm{background:linear-gradient(135deg,#FACC15 0%,#713F12 100%)}
.gp-megaroulette{background:linear-gradient(135deg,#DC2626 0%,#3F0707 100%)}
.gp-icefishing{background:linear-gradient(135deg,#0EA5E9 0%,#0C4A6E 100%)}
.gp-cctvgamerush{background:linear-gradient(135deg,#1F2937 0%,#000000 100%)}
.gp-reddoorroulette{background:linear-gradient(135deg,#EF4444 0%,#450A0A 100%)}
.gp-redbaron{background:linear-gradient(135deg,#B91C1C 0%,#1C1917 100%)}
.gp-treasureisland{background:linear-gradient(135deg,#F59E0B 0%,#451A03 100%)}
.gp-xxxtremelightning{background:linear-gradient(135deg,#6D28D9 0%,#0F0524 100%)}
.gp-monopolylive{background:linear-gradient(135deg,#EA580C 0%,#7C2D12 100%)}
.gp-stairpong{background:linear-gradient(135deg,#06B6D4 0%,#164E63 100%)}
.gp-fortuneroulette{background:linear-gradient(135deg,#FBBF24 0%,#78350F 100%)}
.gp-stockmarket{background:linear-gradient(135deg,#10B981 0%,#022C22 100%)}
.gp-crazyballs{background:linear-gradient(135deg,#EC4899 0%,#500724 100%)}
.gp-funkytime{background:linear-gradient(135deg,#A21CAF 0%,#3B0764 100%)}
.gp-monopolybigballer{background:linear-gradient(135deg,#16A34A 0%,#14532D 100%)}
.gp-crazypachinko{background:linear-gradient(135deg,#F472B6 0%,#831843 100%)}
.gp-megabaccarat{background:linear-gradient(135deg,#FBBF24 0%,#451A03 100%)}
.gp-lightningblackjack{background:linear-gradient(135deg,#3730A3 0%,#0B0930 100%)}
.gp-fireballroulette{background:linear-gradient(135deg,#F97316 0%,#7C2D12 100%)}
.gp-sweetbonanzacandyland{background:linear-gradient(135deg,#FB7185 0%,#7E1538 100%)}
.gp-megaball{background:linear-gradient(135deg,#FACC15 0%,#A16207 100%)}
.gp-lightningbaccarat{background:linear-gradient(135deg,#7C3AED 0%,#1E1B4B 100%)}
.gp-poweruproulette{background:linear-gradient(135deg,#0891B2 0%,#164E63 100%)}
.gp-goldvaultroulette{background:linear-gradient(135deg,#CA8A04 0%,#451A03 100%)}
.gp-lightningdice{background:linear-gradient(135deg,#A855F7 0%,#2E1065 100%)}
.gp-megawheel{background:linear-gradient(135deg,#E11D48 0%,#4C0519 100%)}
.gp-marblerace{background:linear-gradient(135deg,#0EA5E9 0%,#082F49 100%)}

/* Per-game gradients - Slots & Live */
.gp-gates{background:linear-gradient(135deg,#FBBF24 0%,#831843 100%)}
.gp-sugarrush{background:linear-gradient(135deg,#F472B6 0%,#7E1538 100%)}
.gp-sweetbonanza{background:linear-gradient(135deg,#EC4899 0%,#581C87 100%)}
.gp-bigbass{background:linear-gradient(135deg,#0EA5E9 0%,#0C4A6E 100%)}
.gp-bookofdead{background:linear-gradient(135deg,#F59E0B 0%,#451A03 100%)}
.gp-starlight{background:linear-gradient(135deg,#7C3AED 0%,#1E1B4B 100%)}
.gp-wantedoutlaw{background:linear-gradient(135deg,#92400E 0%,#1C1917 100%)}
.gp-money-cart{background:linear-gradient(135deg,#FBBF24 0%,#713F12 100%)}
.gp-firepot{background:linear-gradient(135deg,#EF4444 0%,#7F1D1D 100%)}
.gp-tombstone{background:linear-gradient(135deg,#78716C 0%,#1C1917 100%)}
.gp-truegrit{background:linear-gradient(135deg,#3DBA4E 0%,#0F5C1E 100%)}
.gp-livebaccarat{background:linear-gradient(135deg,#0F766E 0%,#042F2E 100%)}
.gp-liveroulette{background:linear-gradient(135deg,#DC2626 0%,#3F0707 100%)}
.gp-liveblackjack{background:linear-gradient(135deg,#1F2937 0%,#020617 100%)}
.gp-dragontiger{background:linear-gradient(135deg,#B91C1C 0%,#3B0764 100%)}
.gp-sicbo{background:linear-gradient(135deg,#CA8A04 0%,#451A03 100%)}
.gp-andarbahar{background:linear-gradient(135deg,#0891B2 0%,#0F172A 100%)}
.gp-amerroulette{background:linear-gradient(135deg,#15803D 0%,#052E16 100%)}
.gp-europeanroulette{background:linear-gradient(135deg,#15803D 0%,#0F172A 100%)}
.gp-pokertable{background:linear-gradient(135deg,#16A34A 0%,#052E16 100%)}
.gp-craps{background:linear-gradient(135deg,#10B981 0%,#022C22 100%)}

/* Category page hero */
.cat-hero{padding:48px 0 24px;text-align:left}
.cat-hero h1{font-family:var(--font-display);font-weight:900;font-size:clamp(2.2rem,5vw,3.5rem);letter-spacing:-0.02em;text-transform:uppercase;margin-bottom:10px;background:linear-gradient(135deg,var(--teal-primary),var(--cyan-primary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.cat-hero p{color:var(--text-secondary);font-size:1.05rem;max-width:680px;line-height:1.6}
.cat-meta{display:flex;gap:24px;margin-top:18px;flex-wrap:wrap}
.cat-meta-item{display:flex;flex-direction:column;gap:2px}
.cat-meta-label{font-size:0.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.1em;font-weight:600}
.cat-meta-value{font-family:var(--font-display);font-weight:800;font-size:1.05rem;color:var(--text-white)}

/* Section heading row */
.section-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:12px}
.section-row h2{margin:0}
.section-row .see-all{color:var(--teal-primary);font-family:var(--font-display);font-weight:700;font-size:0.85rem;text-decoration:none;letter-spacing:0.02em}
.section-row .see-all:hover{text-decoration:underline}

/* ============================ */
/* PROMO BAR (top-of-page strip)*/
/* ============================ */
.promo-bar{background:linear-gradient(90deg,#00E5A0 0%,#00D4C8 100%);color:#0D1117;text-align:center;padding:9px 16px;font-family:var(--font-display);font-weight:700;font-size:0.84rem;letter-spacing:0.01em;position:relative;z-index:60}
.promo-bar a{color:#0D1117;text-decoration:underline;text-underline-offset:3px;font-weight:800}
.promo-bar code{background:#0D1117;color:#00E5A0;padding:2px 10px;border-radius:6px;margin:0 6px;font-family:var(--font-display);font-weight:900;letter-spacing:0.12em}
@media (max-width:640px){.promo-bar{font-size:0.74rem;padding:7px 10px}}

/* SEO prose blocks */
.seo-prose{max-width:820px;margin:0 auto;color:var(--text-secondary);line-height:1.75;font-size:1.02rem}
.seo-prose h2{font-family:var(--font-display);font-weight:900;font-size:1.7rem;color:var(--text-white);margin:32px 0 14px;letter-spacing:-0.01em}
.seo-prose h3{font-family:var(--font-display);font-weight:800;font-size:1.2rem;color:var(--text-white);margin:24px 0 10px}
.seo-prose p{margin-bottom:14px}
.seo-prose ul,.seo-prose ol{margin:0 0 16px 22px}
.seo-prose li{margin-bottom:6px}
.seo-prose a{color:var(--teal-primary);text-decoration:none;border-bottom:1px dotted var(--teal-primary)}
.seo-prose a:hover{border-bottom-style:solid}
.seo-prose strong{color:var(--text-white);font-weight:700}
.seo-prose table{width:100%;border-collapse:collapse;margin:18px 0;font-size:0.95rem}
.seo-prose th,.seo-prose td{padding:11px 14px;text-align:left;border-bottom:1px solid var(--border-subtle)}
.seo-prose th{background:var(--bg-card);color:var(--text-white);font-family:var(--font-display);font-weight:700;font-size:0.82rem;text-transform:uppercase;letter-spacing:0.06em}
.seo-prose blockquote{border-left:3px solid var(--teal-primary);padding:8px 0 8px 18px;margin:18px 0;color:var(--text-white);font-style:italic}

.tldr-card{background:var(--bg-card);border:1px solid var(--border-teal);border-radius:var(--radius-lg);padding:22px 26px;margin:0 auto 32px;max-width:820px;display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center}
.tldr-card .tldr-badge{font-family:var(--font-display);font-weight:900;font-size:0.78rem;letter-spacing:0.14em;color:#0D1117;background:linear-gradient(135deg,var(--teal-primary),var(--cyan-primary));padding:8px 14px;border-radius:999px;text-transform:uppercase}
.tldr-card p{margin:0;color:var(--text-white);font-size:0.98rem;line-height:1.55}

.related-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:24px 0 8px}
.related-link{display:block;padding:18px 20px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);text-decoration:none;transition:all 0.2s ease}
.related-link:hover{border-color:var(--border-teal);transform:translateY(-2px)}
.related-link .rl-label{font-family:var(--font-display);font-weight:800;font-size:0.72rem;color:var(--teal-primary);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:4px}
.related-link .rl-title{font-family:var(--font-display);font-weight:700;font-size:1rem;color:var(--text-white);margin-bottom:4px}
.related-link .rl-desc{font-size:0.85rem;color:var(--text-secondary);line-height:1.45}

/* ============================ */
/* SVG ASSET COMPONENTS         */
/* ============================ */

/* Crypto icon row */
.crypto-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:16px 0}
.crypto-row svg{width:36px;height:36px;flex-shrink:0;transition:transform 0.2s ease}
.crypto-row svg:hover{transform:translateY(-3px) scale(1.08)}

/* Feature card with icon */
.feat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin:24px 0}
.feat-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:22px 22px 20px;transition:all 0.25s ease}
.feat-card:hover{transform:translateY(-3px);border-color:var(--border-teal);box-shadow:0 12px 32px rgba(0,229,160,0.08)}
.feat-card svg{width:48px;height:48px;margin-bottom:14px;display:block}
.feat-card h3{font-family:var(--font-display);font-weight:800;font-size:1.08rem;color:var(--text-white);margin-bottom:6px}
.feat-card p{font-size:0.9rem;color:var(--text-secondary);line-height:1.55;margin:0}

/* Badge row */
.badge-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:center;margin:18px 0}
.badge-row svg{height:48px;width:auto}

/* Provider logo grid */
.provider-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:18px 0}
.provider-grid svg{width:100%;height:56px;transition:transform 0.2s ease,filter 0.2s ease;filter:grayscale(0.4)}
.provider-grid svg:hover{filter:grayscale(0);transform:translateY(-2px)}

/* Hero illustration override */
.hero-visual{position:relative;width:100%;max-width:560px;margin-left:auto;display:block}
@media (max-width:900px){.hero-visual{max-width:420px;margin:32px auto 0}}

/* VIP ladder SVG block */
.vip-ladder-wrap{margin:24px 0;background:transparent;overflow-x:auto;padding-bottom:8px}
.vip-ladder-wrap svg{width:100%;min-width:900px;height:auto;display:block}

/* Stat-grid (homepage hero stats) — refine */
.feature-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin:18px 0}
.feature-mini{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}
.feature-mini svg{width:36px;height:36px;flex-shrink:0}
.feature-mini-label{font-family:var(--font-display);font-weight:600;font-size:0.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.06em;margin-bottom:2px}
.feature-mini-value{font-family:var(--font-display);font-weight:800;font-size:1rem;color:var(--text-white)}

/* Promo code copy box (refresh) */
.code-callout{display:inline-flex;align-items:center;gap:10px;background:var(--bg-card);border:1px dashed rgba(0,229,160,0.45);padding:8px 16px;border-radius:8px;margin:8px 0}
.code-callout strong{font-family:var(--font-display);font-weight:900;letter-spacing:0.15em;color:var(--teal-primary);font-size:1rem}

/* ============================ */
/* POLISH + DYNAMIC ANIMATIONS  */
/* ============================ */

/* Fix: buttons inside seo-prose were inheriting underline + teal-coloured text and disappearing into the gradient */
.seo-prose a.btn{border-bottom:none;text-decoration:none}
.seo-prose a.btn-primary,.seo-prose a.btn-primary:hover{color:#0D1117}
.seo-prose a.btn-secondary,.seo-prose a.btn-ghost,.seo-prose a.btn-teal{color:var(--text-white)}
[data-theme="light"] .seo-prose a.btn-primary,[data-theme="light"] .seo-prose a.btn-primary:hover{color:#FFFFFF}

/* Hero stats: lock to a single tidy row so "15 CRYPTOS ACCEPTED" never wraps to its own line */
.hero-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:48px;padding-top:32px;border-top:1px solid var(--border-subtle)}
.hero-stat{min-width:0}
.hero-stat .stat-value{font-size:1.6rem;font-feature-settings:"tnum" 1;font-variant-numeric:tabular-nums;white-space:nowrap}
.hero-stat .stat-label{font-size:0.7rem;letter-spacing:0.06em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:980px){.hero-stat .stat-label{font-size:0.65rem;letter-spacing:0.04em}}
@media (max-width:768px){.hero-stats{grid-template-columns:repeat(2,1fr);gap:18px}.hero-stat .stat-label{white-space:normal}}

/* Stat reveal: invisible until JS adds .counted, then pops with subtle scale */
.stat-value[data-count]{opacity:0;transform:translateY(8px);transition:opacity 0.55s ease,transform 0.55s ease}
.stat-value.counted{opacity:1;transform:translateY(0)}
.t-prize[data-count],.bonus-value[data-count]{display:inline-block;will-change:contents}

/* Floating coins / soft drift for hero illustration coin orbs */
@keyframes coinDrift1{
  0%,100%{transform:translate(0,0)}
  50%{transform:translate(6px,-10px)}
}
@keyframes coinDrift2{
  0%,100%{transform:translate(0,0)}
  50%{transform:translate(-8px,8px)}
}
@keyframes coinDrift3{
  0%,100%{transform:translate(0,0)}
  50%{transform:translate(10px,6px)}
}
.hero-visual img{animation:heroFloat 9s ease-in-out infinite;will-change:transform}
@keyframes heroFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-8px)}
}

/* Soft pulse glow on the prize numbers (tournament cards, weekly race) */
@keyframes prizeGlow{
  0%,100%{text-shadow:0 0 0 rgba(0,229,160,0)}
  50%{text-shadow:0 0 24px rgba(0,229,160,0.45)}
}
.tournament-card .t-prize{animation:prizeGlow 4s ease-in-out infinite}

/* Live crash multiplier ticker (used in hero illustration overlay if we wire it) */
.crash-ticker{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}

/* Bonus row value chip: subtle nudge on hover already there, add tiny pulse */
.bonus-row .bonus-value{font-variant-numeric:tabular-nums}

/* Tournament card pulse-border accent for the LIVE one */
.tournament-card:has(.live-indicator){position:relative}
.tournament-card:has(.live-indicator)::after{
  content:'';position:absolute;inset:-1px;border-radius:inherit;
  border:1px solid rgba(0,229,160,0);pointer-events:none;
  animation:liveBorder 3.2s ease-in-out infinite;
}
@keyframes liveBorder{
  0%,100%{border-color:rgba(0,229,160,0)}
  50%{border-color:rgba(0,229,160,0.45)}
}

/* Hero glow orbs: very slow breathing */
.hero-glow.teal{animation:glowBreath 11s ease-in-out infinite}
.hero-glow.cyan{animation:glowBreath 13s ease-in-out infinite reverse}
@keyframes glowBreath{
  0%,100%{opacity:0.35;transform:scale(1)}
  50%{opacity:0.55;transform:scale(1.08)}
}

/* Header CTA: subtle electric sweep */
.header-cta{position:relative;overflow:hidden}
.header-cta::before{
  content:'';position:absolute;top:0;left:-120%;width:60%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,0.35),transparent);
  transform:skewX(-20deg);animation:ctaSweep 5.5s ease-in-out infinite;
  pointer-events:none;
}
@keyframes ctaSweep{
  0%,80%,100%{left:-120%}
  90%{left:160%}
}

/* Live dot ring expansion */
.live-dot{position:relative}
.live-dot::after{
  content:'';position:absolute;inset:-2px;border-radius:50%;
  border:1px solid var(--success);opacity:0;
  animation:liveRing 2s ease-out infinite;
}
@keyframes liveRing{
  0%{transform:scale(0.8);opacity:0.6}
  100%{transform:scale(2.4);opacity:0}
}

/* Featured banner subtle shine */
.featured-banner{position:relative;overflow:hidden}
.featured-banner::after{
  content:'';position:absolute;top:0;left:-60%;width:35%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,0.18),transparent);
  transform:skewX(-22deg);pointer-events:none;
  animation:bannerShine 7s ease-in-out infinite;
}
.featured-banner.orange::after{animation-delay:2.5s}
@keyframes bannerShine{
  0%,75%,100%{left:-60%}
  85%{left:160%}
}

/* Reduced motion overrides */
@media (prefers-reduced-motion:reduce){
  .hero-visual img,.tournament-card .t-prize,.hero-glow,
  .header-cta::before,.live-dot::after,.featured-banner::after,
  .tournament-card:has(.live-indicator)::after{animation:none}
  .stat-value[data-count]{opacity:1;transform:none;transition:none}
}

/* ====== PROMO PAGE 2.0 — HIGH-CONVERSION REDESIGN ====== */

/* Urgency strip above hero */
.promo-urgency{display:flex;align-items:center;justify-content:center;gap:14px;padding:14px 16px;background:linear-gradient(90deg,rgba(255,168,38,0.14),rgba(0,229,160,0.14));border-bottom:1px solid var(--border-subtle);font-size:0.86rem;color:var(--text-secondary);text-align:center;flex-wrap:wrap}
.promo-urgency strong{color:var(--text-white)}
.promo-urgency .pu-dot{width:8px;height:8px;border-radius:50%;background:#FF5577;box-shadow:0 0 10px #FF5577;animation:livePulse 1.4s ease-in-out infinite}
.promo-urgency .pu-counter{font-family:var(--font-display);font-weight:900;color:var(--teal-primary);font-variant-numeric:tabular-nums}

/* Big promo hero */
.promo-hero{position:relative;padding:60px 0 32px;background:radial-gradient(ellipse at center top,rgba(0,229,160,0.12),transparent 60%)}
.promo-hero .container{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center}
.promo-hero .ph-left h1{font-size:clamp(2.2rem,4.6vw,3.6rem);line-height:1.04;letter-spacing:-0.02em;margin:14px 0 16px}
.promo-hero .ph-left h1 .gradient-text{background:var(--gradient-teal-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.promo-hero .ph-tagline{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border:1px solid var(--border-teal);border-radius:999px;background:rgba(0,229,160,0.08);color:var(--teal-primary);font-weight:800;font-size:0.78rem;letter-spacing:0.14em;text-transform:uppercase}
.promo-hero .ph-tagline .pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--teal-primary);box-shadow:0 0 12px var(--teal-primary);animation:livePulse 1.6s ease-in-out infinite}
.promo-hero .ph-lede{font-size:1.08rem;line-height:1.55;color:var(--text-secondary);margin:0 0 22px}
.promo-hero .ph-lede strong{color:var(--text-white)}
.promo-hero .ph-trust{display:flex;align-items:center;gap:18px;margin-top:22px;flex-wrap:wrap;color:var(--text-muted);font-size:0.84rem}
.promo-hero .ph-trust .tcheck{display:inline-flex;align-items:center;gap:6px}
.promo-hero .ph-trust .tcheck::before{content:'✓';color:var(--teal-primary);font-weight:900;font-size:1rem}

/* Code card — the centerpiece */
.code-card{position:relative;background:linear-gradient(135deg,#1C1F2E 0%,#161827 100%);border:1px solid var(--border-teal);border-radius:24px;padding:36px 32px 30px;box-shadow:0 30px 80px -20px rgba(0,229,160,0.35),0 0 0 1px rgba(0,229,160,0.1) inset;overflow:hidden}
.code-card::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 30% 0%,rgba(0,229,160,0.18),transparent 60%);pointer-events:none}
.code-card::after{content:'';position:absolute;top:-30%;right:-30%;width:60%;height:160%;background:linear-gradient(135deg,transparent 35%,rgba(0,229,160,0.08) 50%,transparent 65%);animation:codeShine 5s ease-in-out infinite;pointer-events:none}
@keyframes codeShine{0%,100%{transform:translateX(-100%)}50%{transform:translateX(100%)}}
.code-card .cc-eyebrow{position:relative;font-size:0.74rem;color:var(--teal-primary);text-transform:uppercase;letter-spacing:0.22em;font-weight:800;margin-bottom:8px;display:flex;align-items:center;justify-content:space-between}
.code-card .cc-eyebrow .cc-verified{display:inline-flex;align-items:center;gap:6px;font-size:0.7rem;color:var(--text-muted);letter-spacing:0.08em}
.code-card .cc-eyebrow .cc-verified::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--teal-primary);box-shadow:0 0 8px var(--teal-primary)}
.code-card .cc-code-row{position:relative;display:flex;align-items:stretch;gap:0;border:2px dashed rgba(0,229,160,0.4);border-radius:14px;padding:6px;background:rgba(13,17,23,0.5);margin:14px 0 22px}
.code-card .cc-code{flex:1;font-family:var(--font-display);font-weight:900;font-size:clamp(1.8rem,5vw,2.8rem);letter-spacing:0.3em;color:var(--text-white);padding:14px 18px;display:flex;align-items:center;justify-content:center;background:var(--gradient-teal-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.code-card .cc-copy{flex:0 0 auto;border:none;background:var(--gradient-btn-cta);color:#0D1117;font-weight:900;font-family:var(--font-display);font-size:0.86rem;padding:0 22px;border-radius:10px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:transform 0.2s ease,box-shadow 0.2s ease}
.code-card .cc-copy:hover{transform:translateY(-1px);box-shadow:0 10px 30px -10px rgba(0,229,160,0.6)}
.code-card .cc-copy.copied{background:#0D1117;color:var(--teal-primary);outline:2px solid var(--teal-primary)}
.code-card .cc-cta{display:flex;align-items:center;justify-content:center;gap:10px;background:var(--gradient-btn-cta);color:#0D1117;padding:18px 24px;border-radius:14px;font-family:var(--font-display);font-weight:900;font-size:1.1rem;letter-spacing:0.02em;text-decoration:none;width:100%;transition:transform 0.2s ease,box-shadow 0.2s ease;position:relative;overflow:hidden}
.code-card .cc-cta::after{content:'';position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.4),transparent);animation:ctaSweep 3.5s ease-in-out infinite}
.code-card .cc-cta:hover{transform:translateY(-2px);box-shadow:0 20px 40px -15px rgba(0,229,160,0.7)}
.code-card .cc-cta .cc-arrow{transition:transform 0.3s ease}
.code-card .cc-cta:hover .cc-arrow{transform:translateX(4px)}
.code-card .cc-foot{margin-top:14px;font-size:0.78rem;color:var(--text-muted);text-align:center;line-height:1.5}
.code-card .cc-foot strong{color:var(--text-secondary)}

/* Value grid — 4 big benefit tiles with animated numbers */
.value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:0 0 16px}
.value-tile{position:relative;padding:26px 22px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:18px;text-align:left;transition:transform 0.3s ease,border-color 0.3s ease,box-shadow 0.3s ease;overflow:hidden}
.value-tile:hover{transform:translateY(-3px);border-color:var(--border-teal);box-shadow:0 20px 50px -20px rgba(0,229,160,0.35)}
.value-tile .vt-icon{width:44px;height:44px;border-radius:12px;background:rgba(0,229,160,0.12);display:flex;align-items:center;justify-content:center;color:var(--teal-primary);margin-bottom:14px;font-size:1.4rem}
.value-tile .vt-number{font-family:var(--font-display);font-weight:900;font-size:2.4rem;line-height:1;letter-spacing:-0.02em;background:var(--gradient-teal-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-variant-numeric:tabular-nums;display:block;margin-bottom:6px}
.value-tile .vt-label{font-family:var(--font-display);font-weight:800;font-size:0.96rem;color:var(--text-white);margin-bottom:6px}
.value-tile .vt-sub{font-size:0.84rem;color:var(--text-secondary);line-height:1.45}

/* Stepper — visual 3-step claim flow */
.claim-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:24px 0}
.claim-step{position:relative;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:18px;padding:28px 24px;transition:border-color 0.3s ease,transform 0.3s ease}
.claim-step:hover{border-color:var(--border-teal);transform:translateY(-2px)}
.claim-step .cs-num{position:absolute;top:-18px;left:24px;width:42px;height:42px;border-radius:50%;background:var(--gradient-btn-cta);color:#0D1117;font-family:var(--font-display);font-weight:900;font-size:1.3rem;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px -6px rgba(0,229,160,0.6)}
.claim-step h3{font-family:var(--font-display);font-weight:800;font-size:1.15rem;margin:12px 0 8px}
.claim-step p{font-size:0.92rem;color:var(--text-secondary);line-height:1.55;margin:0}
.claim-step code{background:rgba(0,229,160,0.12);color:var(--teal-primary);padding:2px 8px;border-radius:6px;font-weight:800;font-family:var(--font-display);letter-spacing:0.08em}
.claim-step .cs-pill{display:inline-block;font-size:0.7rem;font-weight:800;letter-spacing:0.14em;text-transform:uppercase;color:var(--teal-primary);background:rgba(0,229,160,0.1);padding:4px 10px;border-radius:999px;margin-top:10px}

/* Compare card — "with vs without" code, visual */
.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0}
.compare-card{padding:28px;border-radius:18px;border:1px solid var(--border-subtle);background:var(--bg-card)}
.compare-card.cc-no{opacity:0.78}
.compare-card.cc-yes{border:1px solid var(--border-teal);background:linear-gradient(135deg,rgba(0,229,160,0.06),rgba(0,212,200,0.04));position:relative;overflow:hidden}
.compare-card.cc-yes::before{content:'RECOMMENDED';position:absolute;top:14px;right:-30px;transform:rotate(35deg);background:var(--gradient-btn-cta);color:#0D1117;font-family:var(--font-display);font-weight:900;font-size:0.66rem;letter-spacing:0.18em;padding:5px 38px}
.compare-card h3{font-family:var(--font-display);font-weight:800;font-size:1.15rem;margin:0 0 18px;display:flex;align-items:center;gap:8px}
.compare-card.cc-no h3 .badge{background:#3a3d4a;color:#9a9da8}
.compare-card.cc-yes h3 .badge{background:var(--gradient-btn-cta);color:#0D1117}
.compare-card h3 .badge{font-size:0.66rem;letter-spacing:0.18em;padding:3px 10px;border-radius:999px;font-weight:900}
.compare-card ul{list-style:none;padding:0;margin:0}
.compare-card li{padding:10px 0;font-size:0.94rem;color:var(--text-secondary);display:flex;align-items:flex-start;gap:10px;border-top:1px solid var(--border-subtle)}
.compare-card li:first-child{border-top:none}
.compare-card.cc-no li::before{content:'✗';color:#FF5577;font-weight:900;flex-shrink:0;width:18px}
.compare-card.cc-yes li::before{content:'✓';color:var(--teal-primary);font-weight:900;flex-shrink:0;width:18px}
.compare-card.cc-yes li strong{color:var(--text-white)}

/* Section heading style with eyebrow */
.s-eyebrow{font-size:0.78rem;color:var(--teal-primary);text-transform:uppercase;letter-spacing:0.18em;font-weight:800;display:block;margin-bottom:8px}
.s-title{font-family:var(--font-display);font-size:clamp(1.7rem,3.2vw,2.4rem);font-weight:900;line-height:1.12;letter-spacing:-0.015em;margin:0 0 12px}
.s-sub{color:var(--text-secondary);font-size:1rem;line-height:1.55;max-width:680px;margin:0 0 28px}

/* Social-proof strip */
.proof-strip{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 28px;background:linear-gradient(90deg,rgba(0,229,160,0.06),rgba(0,212,200,0.04));border:1px solid var(--border-teal);border-radius:16px;flex-wrap:wrap;margin:0 0 32px}
.proof-strip .ps-item{display:flex;align-items:center;gap:12px;flex:1;min-width:200px}
.proof-strip .ps-icon{width:38px;height:38px;border-radius:10px;background:rgba(0,229,160,0.15);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}
.proof-strip .ps-text{display:flex;flex-direction:column;line-height:1.3}
.proof-strip .ps-num{font-family:var(--font-display);font-weight:900;font-size:1.15rem;color:var(--text-white);font-variant-numeric:tabular-nums}
.proof-strip .ps-lbl{font-size:0.78rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.1em}

/* Sticky-bottom claim bar on mobile */
.mobile-claim-bar{display:none;position:fixed;left:0;right:0;bottom:0;background:rgba(13,17,23,0.96);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--border-teal);padding:12px 14px;z-index:55;align-items:center;gap:10px;box-shadow:0 -10px 30px rgba(0,0,0,0.5)}
.mobile-claim-bar .mcb-code{font-family:var(--font-display);font-weight:900;letter-spacing:0.2em;color:var(--teal-primary);background:rgba(0,229,160,0.1);padding:8px 12px;border-radius:8px;font-size:0.9rem}
.mobile-claim-bar .mcb-cta{flex:1;text-align:center;background:var(--gradient-btn-cta);color:#0D1117;font-weight:900;padding:12px;border-radius:10px;text-decoration:none;font-family:var(--font-display);font-size:0.92rem}

@media (max-width:960px){
  .promo-hero .container{grid-template-columns:1fr;gap:36px}
  .value-grid{grid-template-columns:repeat(2,1fr)}
  .claim-flow{grid-template-columns:1fr;gap:32px}
  .compare-grid{grid-template-columns:1fr}
}
@media (max-width:640px){
  .promo-urgency{font-size:0.78rem;gap:8px}
  .code-card{padding:24px 18px}
  .code-card .cc-code-row{flex-direction:column}
  .code-card .cc-code{padding:18px 4px;letter-spacing:0.2em}
  .code-card .cc-copy{width:100%;padding:14px}
  .value-tile{padding:22px 18px}
  .value-tile .vt-number{font-size:2rem}
  .proof-strip{padding:18px 16px;gap:14px}
  .proof-strip .ps-item{flex:1 1 45%;min-width:0}
  .mobile-claim-bar{display:flex}
  body{padding-bottom:72px}
}

@media (prefers-reduced-motion:reduce){
  .code-card::after,.code-card .cc-cta::after{animation:none}
}

/* ============================================================
   LANGUAGE SWITCHER (i18n)
   ============================================================ */
.lang-switcher{position:relative;display:inline-flex;align-items:center;}
.lang-switcher-toggle{
  display:inline-flex;align-items:center;gap:8px;white-space:nowrap;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);
  color:var(--text,#E6EDF3);padding:8px 12px;border-radius:10px;
  font:600 13px/1 'Outfit',system-ui,sans-serif;cursor:pointer;
  transition:background .15s ease,border-color .15s ease,transform .15s ease;
}
.lang-switcher-toggle:hover{background:rgba(0,229,160,.08);border-color:rgba(0,229,160,.4);}
.lang-switcher-toggle .lang-current-flag{font-size:16px;line-height:1;}
.lang-switcher-toggle .lang-current-label{letter-spacing:.01em;}
.lang-switcher-toggle .lang-caret{opacity:.7;font-size:11px;transition:transform .2s ease;}
.lang-switcher[data-open="true"] .lang-switcher-toggle .lang-caret{transform:rotate(180deg);}
.lang-switcher[data-open="true"] .lang-switcher-toggle{background:rgba(0,229,160,.1);border-color:rgba(0,229,160,.5);}
.lang-switcher-menu{
  position:absolute;top:calc(100% + 8px);right:0;
  min-width:200px;max-height:360px;overflow-y:auto;
  background:rgba(13,17,23,.98);backdrop-filter:blur(20px);
  border:1px solid rgba(255,255,255,.1);border-radius:12px;
  padding:6px;margin:0;list-style:none;
  box-shadow:0 16px 48px rgba(0,0,0,.55),0 0 0 1px rgba(0,229,160,.12);
  z-index:1000;
}
.lang-switcher-menu li{margin:0;}
.lang-item{
  display:flex;align-items:center;gap:10px;width:100%;
  background:transparent;border:0;color:var(--text,#E6EDF3);
  padding:9px 12px;border-radius:8px;text-align:left;
  font:500 13.5px/1.1 'Outfit',system-ui,sans-serif;
  cursor:pointer;transition:background .12s ease,color .12s ease;
}
.lang-item:hover,.lang-item:focus-visible{background:rgba(0,229,160,.1);color:#00E5A0;outline:none;}
.lang-item-flag{font-size:18px;line-height:1;}
.lang-item-label{flex:1;}
.lang-switcher[data-current-lang="en"] .lang-item[data-lang="en"],
.lang-switcher[data-current-lang="de"] .lang-item[data-lang="de"],
.lang-switcher[data-current-lang="es"] .lang-item[data-lang="es"],
.lang-switcher[data-current-lang="pt"] .lang-item[data-lang="pt"],
.lang-switcher[data-current-lang="sv"] .lang-item[data-lang="sv"],
.lang-switcher[data-current-lang="fr"] .lang-item[data-lang="fr"],
.lang-switcher[data-current-lang="it"] .lang-item[data-lang="it"],
.lang-switcher[data-current-lang="nl"] .lang-item[data-lang="nl"],
.lang-switcher[data-current-lang="ja"] .lang-item[data-lang="ja"],
.lang-switcher[data-current-lang="ko"] .lang-item[data-lang="ko"]{
  background:rgba(0,229,160,.08);color:#00E5A0;font-weight:700;
}

/* Light theme */
:root[data-theme="light"] .lang-switcher-toggle{
  background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.08);color:#0D1117;
}
:root[data-theme="light"] .lang-switcher-toggle:hover{background:rgba(0,229,160,.1);border-color:rgba(0,229,160,.4);}
:root[data-theme="light"] .lang-switcher-menu{background:#fff;border-color:rgba(0,0,0,.08);}
:root[data-theme="light"] .lang-item{color:#0D1117;}

/* Mobile: hide the label text, keep flag + caret */
@media (max-width:768px){
  .lang-switcher-toggle .lang-current-label{display:none;}
  .lang-switcher-toggle{padding:8px 10px;}
}
@media (max-width:520px){
  .lang-switcher-menu{right:auto;left:0;}
}