/* 7K copy — layout built on the original inline theme variables (kept in <style>) */
*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{
  background:var(--bg-color,#120b28);
  color:var(--text-color,#03fce3);
  font-family:'Inter',system-ui,'Segoe UI',Roboto,Arial,sans-serif;
  line-height:1.65; font-size:16px; -webkit-font-smoothing:antialiased;
}
img{max-width:100%; display:block;}
a{color:var(--color-link-hover,#03fce3); text-decoration:none;}
a:hover{text-decoration:underline;}
.container{max-width:1140px; margin:0 auto; padding:0 22px;}

h1,h2,h3,h4{color:#fff; line-height:1.28;}
h1{font-size:34px; margin:18px 0;}
h2{font-size:26px; margin:44px 0 18px; padding-bottom:10px;
   border-bottom:1px solid var(--color-border-medium,#433e6f); color:var(--accent-color,#e5fd0d);}
h3{font-size:19px; margin:26px 0 10px; color:var(--color-text,#03fce3);}
h4{font-size:16px; margin:12px 0 6px; color:#fff;}
p{margin:0 0 15px; color:var(--color-text-secondary,rgba(0,255,230,.75));}
ul,ol{margin:0 0 16px; padding-left:22px; color:var(--color-text-secondary,rgba(0,255,230,.75));}
li{margin:6px 0;}
strong,b{color:#fff;}

/* header / hero logo */
body > img:first-of-type, header img{max-height:56px; width:auto; margin:14px 0;}

/* nav / tag links */
.tag-link, .snowplow_link, .footer-nav-link, .footer-nav__link{
  display:inline-block; color:var(--color-text,#03fce3); padding:6px 10px; border-radius:8px;
}
.tag-link:hover{background:var(--color-bg-light,#201a38); text-decoration:none;}

/* buttons */
.btn_approve_small, button, .gamecard_play{
  display:inline-flex; align-items:center; justify-content:center; gap:6px;
  background:var(--primary-color,#fc0313); color:#fff; font-weight:700;
  border:none; border-radius:10px; padding:9px 16px; cursor:pointer; font-size:14px;
}
.btn_approve_small:hover, button:hover{filter:brightness(1.1); text-decoration:none;}

/* ---------- GAME CARDS GRID ---------- */
div.slots-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(232px,1fr));
  gap:20px;
  margin:22px 0 34px;
  align-items:stretch;
}
article.gamecard{
  display:flex; flex-direction:column;
  background:var(--color-bg-panel,#181429);
  border:1px solid var(--color-border-light,#322d52);
  border-radius:16px; overflow:hidden; height:100%;
  transition:transform .15s ease, box-shadow .15s ease;
}
article.gamecard:hover{transform:translateY(-4px); box-shadow:var(--shadow-default,0 8px 32px rgba(255,0,17,.2));}
article.gamecard img.gamecard-background{
  width:100%; height:172px; object-fit:cover; display:block;
  background:var(--color-bg-lighter,#2b264a);
}
.gamecard-chips{display:flex; flex-wrap:wrap; gap:6px; padding:12px 12px 0;}
.gamecard-chip{
  background:var(--color-white-10,rgba(0,255,230,.1)); color:var(--color-text,#03fce3);
  border:1px solid var(--color-border-light,#322d52); border-radius:999px;
  padding:2px 10px; font-size:12px;
}
.gamecard-title{padding:8px 12px 0; font-size:16px; color:#fff;}
.gamecard-info{padding:4px 12px; display:flex; gap:12px; flex-wrap:wrap; font-size:13px; color:var(--color-text-medium,#02cab9);}
.gamecard-rtp{color:var(--accent-color,#e5fd0d); font-weight:700;}
.gamecard-description{padding:0 12px 10px; font-size:13px; color:var(--color-text-secondary,rgba(0,255,230,.7));}
.gamecard_links{margin-top:auto; padding:0 12px 14px; display:flex; gap:8px;}
.gamecard_links a{flex:1; text-align:center; padding:9px 6px; border-radius:10px; font-size:13px; font-weight:600;}
a.gamecard_play{background:var(--primary-color,#fc0313); color:#fff;}
a.gamecard_demo{background:var(--color-bg-lighter,#2b264a); color:var(--color-text,#03fce3);}

/* ---------- PROVIDER LOGOS ---------- */
.game_provider_logo{
  display:inline-flex; align-items:center; justify-content:center;
  background:var(--color-bg-light,#201a38); border:1px solid var(--color-border-light,#322d52);
  border-radius:10px; padding:8px 12px; margin:6px; vertical-align:middle;
}
.game_provider_logo img{height:32px; width:auto;}

/* ---------- INFO BLOCKS / tables ---------- */
.info-block, .description{
  background:var(--color-bg-light,#201a38); border:1px solid var(--color-border-light,#322d52);
  border-radius:16px; padding:26px 28px; margin:26px 0;
}
.table-responsive{overflow-x:auto; margin:18px 0;}
table{width:100%; border-collapse:collapse; font-size:15px;}
th,td{border:1px solid var(--color-border-medium,#433e6f); padding:10px 12px; text-align:left;}
th{background:var(--color-bg-lighter,#2b264a); color:#fff;}
tr:nth-child(odd) td{background:var(--table-odd-bg,rgba(0,255,230,.05));}

/* ---------- FAQ ---------- */
[class*="faq__details"], [class*="вопросы__item"], .c-faq__details{
  background:var(--question-block-bg,#181429); border:1px solid var(--color-border-light,#322d52);
  border-left:4px solid var(--color-text,#03fce3); border-radius:12px; margin:10px 0; padding:8px 18px;
}
[class*="faq__question"], .c-FAQ__question{font-weight:700; color:#fff; padding:8px 0;}
[class*="faq__answer"], .c-faq__answer{color:var(--color-text-secondary,rgba(0,255,230,.7)); padding:0 0 10px;}

/* ---------- FOOTER ---------- */
footer, .footer{background:var(--footer-dark,#07050f); border-top:1px solid var(--color-border-medium,#433e6f);
  margin-top:44px; padding:30px 0 50px;}
.footer-nav-link, .footer-nav__link{color:var(--color-text-medium,#02cab9); padding:6px 10px; display:inline-block;}
.company-info__cell{color:var(--color-text-secondary,rgba(0,255,230,.7)); font-size:13px;}

.text-glow-animation{color:var(--accent-color,#e5fd0d); text-shadow:0 0 12px rgba(0,255,230,.4);}

@media (max-width:640px){
  h1{font-size:26px;} h2{font-size:22px;}
  .info-block,.description{padding:20px 18px;}
}

/* hero banner */
.img-banner{width:100%; max-width:1000px; height:auto; margin:16px auto 24px;
  border-radius:18px; box-shadow:var(--shadow-default,0 8px 32px rgba(255,0,17,.2));}