:root{
  --bg:#0d0b1a;
  --bg-alt:#15122a;
  --card:#1d1838;
  --card-2:#241d44;
  --gold:#e6b422;
  --gold-2:#ffd45e;
  --red:#c0182f;
  --red-2:#e23250;
  --text:#ece9f5;
  --muted:#a39fc0;
  --border:#322a55;
  --green:#27ae60;
}

*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  font-family:'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  background:var(--bg);
  color:var(--text);
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block;}
a{color:var(--gold-2);text-decoration:none;}
a:hover{color:var(--gold);}

.container{max-width:1160px;margin:0 auto;padding:0 20px;}

/* Buttons */
.btn{
  cursor:pointer;
  border:none;
  border-radius:8px;
  font-weight:700;
  font-size:.95rem;
  padding:11px 22px;
  transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease;
  font-family:inherit;
}
.btn:hover{transform:translateY(-2px);}
.btn-primary{background:linear-gradient(135deg,var(--red),var(--red-2));color:#fff;}
.btn-ghost{background:transparent;color:var(--gold-2);border:1px solid var(--gold);}
.btn-claim{
  background:linear-gradient(135deg,var(--gold),var(--gold-2));
  color:#2a1d00;
  font-size:1.05rem;
  padding:15px 34px;
  box-shadow:0 6px 22px rgba(230,180,34,.35);
}

/* Header */
.site-header{
  position:sticky;top:0;z-index:60;
  background:rgba(13,11,26,.92);
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--border);
}
.header-inner{display:flex;align-items:center;gap:24px;padding:14px 20px;}
.logo-img{height:42px;width:auto;}
.main-nav{flex:1;}
.main-nav ul{list-style:none;display:flex;gap:24px;}
.main-nav a{color:var(--text);font-weight:600;}
.header-buttons{display:flex;gap:10px;}

/* Hero */
.hero{
  background:radial-gradient(circle at 50% -10%,#2a1d4d 0%,var(--bg) 60%);
  padding:60px 0 50px;
  text-align:center;
}
.hero h1{
  font-size:2.6rem;
  background:linear-gradient(135deg,var(--gold-2),var(--red-2));
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;
  margin-bottom:18px;
}
.hero-lead{max-width:760px;margin:0 auto 36px;color:var(--muted);font-size:1.08rem;}

.bonus-card{
  max-width:560px;margin:0 auto 44px;
  background:linear-gradient(160deg,var(--card-2),var(--card));
  border:1px solid var(--gold);
  border-radius:18px;
  padding:34px 28px;
  box-shadow:0 14px 40px rgba(0,0,0,.4);
}
.bonus-emojis{font-size:1.7rem;margin-bottom:10px;}
.bonus-amount{font-size:2rem;font-weight:800;color:var(--gold-2);margin-bottom:8px;}
.bonus-sub{color:var(--muted);margin-bottom:14px;}
.bonus-claimed{font-size:.92rem;color:var(--muted);margin-bottom:20px;}
.bonus-claimed strong{color:var(--green);}

.category-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:10px;}
.cat-tile{
  background:var(--card);border:1px solid var(--border);border-radius:14px;
  overflow:hidden;display:flex;flex-direction:column;
  transition:transform .15s ease,border-color .15s ease;
}
.cat-tile:hover{transform:translateY(-4px);border-color:var(--gold);}
.cat-tile img{aspect-ratio:1/1;object-fit:cover;background:var(--card-2);}
.cat-tile span{padding:12px;font-weight:700;color:var(--text);}

/* Sections */
.section{padding:56px 0;}
.section-alt{background:var(--bg-alt);}
.section h2{font-size:1.9rem;margin-bottom:14px;color:var(--gold-2);}
.section h3{font-size:1.3rem;margin:30px 0 16px;color:var(--text);}
.section p{color:var(--muted);margin-bottom:14px;}

/* Game grid */
.game-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-bottom:14px;}
.game-card{
  background:var(--card);border:1px solid var(--border);border-radius:12px;
  overflow:hidden;text-align:center;transition:transform .15s ease,border-color .15s ease;
}
.game-card:hover{transform:translateY(-4px);border-color:var(--gold);}
.game-card img{aspect-ratio:3/4;object-fit:cover;background:var(--card-2);}
.game-card span{display:block;padding:9px 6px;font-size:.82rem;font-weight:600;}

/* Tables */
.info-table{
  width:100%;border-collapse:collapse;margin:18px 0;
  background:var(--card);border-radius:12px;overflow:hidden;
}
.info-table td,.info-table th{
  padding:13px 16px;border-bottom:1px solid var(--border);text-align:left;font-size:.95rem;
}
.info-table th{background:var(--card-2);color:var(--gold-2);}
.info-table td:first-child{color:var(--gold-2);font-weight:600;width:38%;}
.info-table tr:last-child td{border-bottom:none;}
.proscons td:first-child{color:var(--green);}
.proscons td:last-child{color:var(--red-2);}

/* Promotions */
.check-note{font-size:.9rem;color:var(--muted);font-style:italic;margin-bottom:22px;}
.promo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px;}
.promo-card{
  background:var(--card);border:1px solid var(--border);border-radius:14px;
  padding:22px;text-align:center;transition:border-color .15s ease;
}
.promo-card:hover{border-color:var(--gold);}
.promo-tag{
  display:inline-block;background:linear-gradient(135deg,var(--gold),var(--gold-2));
  color:#2a1d00;font-weight:800;padding:6px 14px;border-radius:20px;font-size:.85rem;margin-bottom:12px;
}
.promo-title{font-size:1.1rem;margin:6px 0 8px;color:var(--text);}
.promo-card p{font-size:.9rem;margin-bottom:16px;}

/* Reviews */
.reviews-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;}
.review-card{
  background:var(--card);border:1px solid var(--border);border-radius:14px;padding:20px;
}
.review-name{font-weight:700;color:var(--gold-2);margin-bottom:4px;}
.stars{color:var(--gold);letter-spacing:2px;margin-bottom:10px;}
.review-card p{font-size:.92rem;margin:0;}

/* Article */
.article{max-width:820px;}
.article h2{margin-top:36px;}
.article-img{
  width:100%;border-radius:14px;margin:18px 0;border:1px solid var(--border);
  aspect-ratio:16/8;object-fit:cover;background:var(--card-2);
}
.payment-icons{display:flex;flex-wrap:wrap;gap:14px;margin:18px 0;align-items:center;}
.payment-icons img{height:38px;width:auto;background:#fff;border-radius:6px;padding:5px;}
.steps{margin:14px 0 14px 22px;color:var(--muted);}
.steps li{margin-bottom:8px;}

/* FAQ */
.faq details{
  background:var(--card);border:1px solid var(--border);border-radius:10px;
  margin-bottom:12px;padding:0 18px;
}
.faq summary{
  cursor:pointer;padding:16px 0;font-weight:700;color:var(--text);
  list-style:none;display:flex;justify-content:space-between;align-items:center;
}
.faq summary::after{content:'+';color:var(--gold);font-size:1.4rem;}
.faq details[open] summary::after{content:'–';}
.faq details p{padding-bottom:16px;margin:0;}

/* Author */
.author-box{display:flex;gap:24px;align-items:flex-start;flex-wrap:wrap;}
.author-img{width:110px;height:110px;border-radius:50%;object-fit:cover;border:2px solid var(--gold);background:var(--card-2);}
.author-text{flex:1;min-width:260px;}
.author-name{font-size:1.3rem;font-weight:800;color:var(--gold-2);}
.author-role{color:var(--muted);font-style:italic;margin-bottom:10px;}
.author-updated{font-size:.85rem;color:var(--muted);margin-top:10px;}

/* Final bonus */
.final-bonus{
  text-align:center;padding:50px 0;
  background:radial-gradient(circle at 50% 120%,#2a1d4d 0%,var(--bg) 60%);
}

/* Footer */
.site-footer{background:#08070f;border-top:1px solid var(--border);padding-top:44px;}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.4fr 1.2fr;gap:30px;padding-bottom:34px;}
.footer-logo{height:40px;margin-bottom:14px;}
.footer-col p{color:var(--muted);font-size:.9rem;}
.footer-title{color:var(--gold-2);font-size:1.05rem;margin-bottom:14px;}
.footer-col ul{list-style:none;}
.footer-col li{margin-bottom:8px;color:var(--muted);font-size:.9rem;}
.footer-col a{color:var(--muted);}
.footer-col a:hover{color:var(--gold);}
.footer-buttons{display:flex;gap:10px;margin-bottom:18px;}
.footer-pay{display:flex;gap:8px;}
.footer-pay img{height:30px;background:#fff;border-radius:5px;padding:4px;}
.footer-bottom{border-top:1px solid var(--border);padding:24px 0;}
.age-note{color:var(--gold-2);font-weight:700;margin-bottom:10px;}
.disclaimer{color:var(--muted);font-size:.82rem;margin-bottom:10px;}
.copyright{color:var(--muted);font-size:.85rem;}

/* Sticky bar */
.sticky-bar{
  position:fixed;bottom:0;left:0;right:0;z-index:70;
  background:linear-gradient(135deg,var(--red),var(--red-2));
  display:flex;justify-content:center;align-items:center;gap:18px;
  padding:12px 20px;flex-wrap:wrap;
}
.sticky-bar span{color:#fff;font-weight:700;}
.sticky-bar .btn-claim{padding:9px 22px;font-size:.95rem;}

/* Cookie bar */
.cookie-bar{
  position:fixed;bottom:64px;left:20px;z-index:80;max-width:340px;
  background:var(--card-2);border:1px solid var(--border);border-radius:12px;
  padding:16px;display:flex;flex-direction:column;gap:12px;
  box-shadow:0 10px 30px rgba(0,0,0,.5);
}
.cookie-bar span{font-size:.88rem;color:var(--muted);}
.cookie-bar div{display:flex;align-items:center;gap:14px;}
.cookie-bar .btn{padding:7px 16px;font-size:.85rem;}

/* Responsive */
@media(max-width:900px){
  .game-grid{grid-template-columns:repeat(3,1fr);}
  .footer-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:600px){
  .hero h1{font-size:1.9rem;}
  .category-tiles{grid-template-columns:repeat(2,1fr);}
  .game-grid{grid-template-columns:repeat(2,1fr);}
  .footer-grid{grid-template-columns:1fr;}
  .main-nav{display:none;}
  .header-buttons .btn{padding:9px 14px;font-size:.85rem;}
  .cookie-bar{left:10px;right:10px;max-width:none;}
}