:root{
  --bg:#0b1020;
  --bg2:#0a1228;
  --surface:rgba(255,255,255,.06);
  --surface2:rgba(255,255,255,.09);
  --stroke:rgba(255,255,255,.10);
  --stroke2:rgba(255,255,255,.16);

  --ink:#eef2ff;
  --ink2:rgba(238,242,255,.86);
  --muted:rgba(238,242,255,.62);

  --primary:#7c3aed;
  --primary2:#22d3ee;
  --accent:#fb7185;

  --shadow:0 14px 40px rgba(0,0,0,.35);
  --shadow2:0 18px 60px rgba(0,0,0,.45);
  --radius:18px;
  --radius2:24px;

  --maxw:1200px;
  --pad:clamp(16px, 2.2vw, 28px);
  --t:all .25s ease;
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;font-size:16px}
body{
  font-family:'Poppins',sans-serif;
  line-height:1.65;
  color:var(--ink);
  background:radial-gradient(1200px 800px at 15% 10%, rgba(124,58,237,.30), transparent 55%),
             radial-gradient(900px 700px at 85% 20%, rgba(34,211,238,.22), transparent 55%),
             radial-gradient(1000px 800px at 50% 110%, rgba(251,113,133,.14), transparent 60%),
             linear-gradient(180deg, var(--bg) 0%, var(--bg2) 100%);
  overflow-x:hidden;
}

img{max-width:100%;height:auto;border-radius:var(--radius)}
a{color:inherit;text-decoration:none;transition:var(--t)}
ul{list-style:none}
p{color:var(--muted);margin:0 0 1.1rem}
h1,h2,h3,h4,h5,h6{line-height:1.15;margin:0 0 1rem}
h1{font-size:clamp(2.1rem, 3.5vw, 3.4rem);letter-spacing:-.02em}
h2{font-size:clamp(1.6rem, 2.6vw, 2.3rem);letter-spacing:-.02em}
h3{font-size:clamp(1.15rem, 1.4vw, 1.45rem)}
h4{font-size:1.1rem}

.container{
  width:92%;
  max-width:var(--maxw);
  margin:0 auto;
  padding:0 8px;
}

.section{padding:clamp(56px, 7vw, 96px) 0}
.text-center{text-align:center}

.section-title{margin-bottom:clamp(22px, 4vw, 44px)}
.section-title p{max-width:820px;margin:0 auto;color:var(--muted)}
.section-title h2{display:inline-flex;align-items:center;gap:.6rem}
.section-title h2::after{
  content:"";
  width:44px;height:10px;border-radius:999px;
  background:linear-gradient(90deg, var(--primary), var(--primary2));
  opacity:.95;
}
.section-title--left{text-align:left}
.section-title--left p{margin:0;max-width:820px}
.section-title--center{text-align:center}

.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.6rem;
  padding:.85rem 1.15rem;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  color:var(--ink);
  background:linear-gradient(135deg, rgba(124,58,237,.95), rgba(34,211,238,.55));
  box-shadow:0 10px 28px rgba(124,58,237,.22);
  font-weight:700;
  letter-spacing:.02em;
  text-transform:none;
  cursor:pointer;
  transition:var(--t);
  will-change:transform;
}
.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.btn:active{transform:translateY(0)}
.btn-outline{
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.16);
  box-shadow:none;
}
.btn-outline:hover{
  background:rgba(255,255,255,.10);
  border-color:rgba(255,255,255,.22);
}
.btn-accent{
  background:linear-gradient(135deg, rgba(251,113,133,.95), rgba(124,58,237,.70));
  box-shadow:0 10px 28px rgba(251,113,133,.20);
}
.btn-sm{padding:.6rem .95rem;font-size:.95rem}

.header{
  position:fixed;
  top:0;left:0;width:100%;
  z-index:1200;
  background:rgba(9,12,22,.55);
  backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.header-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  padding:14px 0;
}
.header-inner--alt{padding:12px 0}

.logo{
  font-weight:900;
  letter-spacing:.02em;
  font-size:1.25rem;
  display:flex;
  align-items:center;
  gap:.55rem;
  padding:.45rem .65rem;
  border-radius:999px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.10);
}
.logo span{color:var(--primary2)}
.logo--alt{background:rgba(255,255,255,.05)}

.menu-toggle{
  position:absolute;
  opacity:0;
  width:1px;height:1px;
  overflow:hidden;
  pointer-events:none;
}
.nav-toggle{
  display:none;
  background:transparent;
  border:0;
  color:var(--ink);
  font-size:1.8rem;
  cursor:pointer;
  padding:.25rem .4rem;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.04);
}

.nav-list{
  display:flex;
  align-items:center;
  gap:.55rem;
}
.nav-item{margin:0}
.nav-link{
  display:inline-flex;
  padding:.55rem .85rem;
  border-radius:999px;
  color:var(--ink2);
  font-weight:700;
  border:1px solid transparent;
}
.nav-link:hover{
  background:rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.10);
  color:var(--ink);
}
.nav-link.active{
  background:rgba(124,58,237,.18);
  border-color:rgba(124,58,237,.35);
  color:var(--ink);
}

.hero{
  position:relative;
  padding:110px 0 70px;
  min-height:92vh;
}
.hero::before{
  content:"";
  position:absolute;inset:-2px;
  background:
    radial-gradient(700px 420px at 20% 25%, rgba(34,211,238,.16), transparent 60%),
    radial-gradient(800px 520px at 80% 30%, rgba(124,58,237,.18), transparent 60%),
    radial-gradient(900px 520px at 50% 110%, rgba(251,113,133,.10), transparent 60%);
  pointer-events:none;
  opacity:1;
}

.hero .container{position:relative;z-index:1}
.hero-grid{
  display:grid;
  grid-template-columns:1.08fr .92fr;
  gap:clamp(18px, 3vw, 40px);
  align-items:center;
}
.hero-grid--reverse{grid-template-columns:.92fr 1.08fr}
.hero-content{max-width:720px}
.hero-content--compact{max-width:760px}

.hero-kicker{
  display:inline-flex;
  align-items:center;
  gap:.6rem;
  padding:.45rem .75rem;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.05);
  margin-bottom:14px;
  color:var(--ink2);
  font-weight:700;
  font-size:.95rem;
}
.hero-kicker i{color:var(--primary2);font-size:1.05rem}

.hero-title span{
  background:linear-gradient(90deg, var(--primary2), var(--primary));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.hero-text{font-size:1.05rem;color:var(--muted);max-width:62ch}
.hero-btns{
  display:flex;
  flex-wrap:wrap;
  gap:.85rem;
  margin-top:18px;
}
.hero-btns--wide .btn{min-width:220px}

.hero-highlights{
  margin-top:16px;
  display:grid;
  gap:.55rem;
}
.hero-highlights li{
  display:flex;
  gap:.6rem;
  align-items:flex-start;
  color:var(--ink2);
}
.hero-highlights i{color:var(--primary2);margin-top:.12rem}

.trust-strip{
  margin-top:18px;
  display:flex;
  flex-wrap:wrap;
  gap:.7rem;
}
.trust-item{
  display:flex;
  align-items:center;
  gap:.65rem;
  padding:.55rem .75rem;
  border-radius:14px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.10);
}
.trust-number{
  font-weight:900;
  letter-spacing:.02em;
  background:linear-gradient(90deg, rgba(34,211,238,.95), rgba(124,58,237,.95));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.trust-label{color:var(--muted);font-weight:700;font-size:.95rem}

.hero-image{
  width:100%;
  max-width:520px;
  justify-self:end;
  position:relative;
}
.hero-image--frame img{
  border-radius:var(--radius2);
  box-shadow:var(--shadow2);
  border:1px solid rgba(255,255,255,.10);
}
.hero-badge{
  position:absolute;
  left:16px;
  top:16px;
  padding:.8rem .95rem;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.14);
  background:linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.04));
  backdrop-filter:blur(10px);
  box-shadow:var(--shadow);
}
.hero-badge--stack{display:flex;flex-direction:column;gap:.1rem}
.hero-badge__top{font-weight:900;color:var(--ink);letter-spacing:.02em}
.hero-badge__bottom{font-weight:800;color:var(--muted);font-size:.95rem}

@keyframes softFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-8px)}
}

.hero-image--frame::after{
  content:"";
  position:absolute;
  inset:-10px;
  border-radius:calc(var(--radius2) + 10px);
  background:linear-gradient(135deg, rgba(124,58,237,.22), rgba(34,211,238,.16), rgba(251,113,133,.10));
  filter:blur(18px);
  z-index:-1;
  opacity:.85;
  animation:softFloat 6s ease-in-out infinite;
}

.features{position:relative}
.features--new{
  background:linear-gradient(180deg, rgba(255,255,255,.03) 0%, rgba(255,255,255,.00) 100%);
  border-top:1px solid rgba(255,255,255,.06);
  border-bottom:1px solid rgba(255,255,255,.06);
}
.features-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));
  gap:clamp(14px, 2vw, 22px);
}
.features-grid--dense{
  grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));
}

.feature-card{
  border-radius:var(--radius2);
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
  padding:clamp(18px, 2.4vw, 26px);
  box-shadow:0 10px 28px rgba(0,0,0,.22);
  transition:var(--t);
  position:relative;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  gap:.6rem;
  min-height:100%;
}
.feature-card--tile{ text-align:left; align-items:flex-start }
.feature-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.feature-card::before{
  content:"";
  position:absolute;
  inset:-1px;
  background:linear-gradient(135deg, rgba(34,211,238,.18), rgba(124,58,237,.22), rgba(251,113,133,.12));
  opacity:0;
  transition:var(--t);
  z-index:0;
}
.feature-card:hover::before{opacity:1}
.feature-card > *{position:relative;z-index:1}

.feature-icon{
  width:54px;height:54px;
  border-radius:16px;
  display:flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  color:var(--primary2);
  font-size:1.7rem;
}
.feature-title{color:var(--ink);margin:.1rem 0 .25rem}
.feature-text{color:var(--muted);margin:0}

.mini-guide{margin-top:clamp(18px, 3vw, 30px)}
.mini-guide__box{
  padding:clamp(18px, 2.6vw, 28px);
  border-radius:var(--radius2);
  border:1px solid rgba(255,255,255,.12);
  background:
    linear-gradient(135deg, rgba(124,58,237,.12), rgba(34,211,238,.06)),
    rgba(255,255,255,.03);
  box-shadow:0 14px 40px rgba(0,0,0,.26);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  flex-wrap:wrap;
}
.mini-guide__title{margin:0;color:var(--ink)}
.mini-guide__text{margin:.35rem 0 0;color:var(--muted);max-width:70ch}

.about{position:relative}
.about--reimagined{
  background:linear-gradient(180deg, rgba(255,255,255,.00) 0%, rgba(255,255,255,.03) 100%);
}
.about-grid{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:clamp(18px, 3.6vw, 52px);
  align-items:center;
}
.about-grid--alt{grid-template-columns:1.15fr .85fr}

.about-content h2{margin-bottom:1rem}
.about-content h2::after{display:none}
.about-content--boxed{
  padding:clamp(18px, 2.6vw, 28px);
  border-radius:var(--radius2);
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(135deg, rgba(255,255,255,.07), rgba(255,255,255,.03));
  box-shadow:0 12px 34px rgba(0,0,0,.22);
}

.about-text{color:var(--muted)}
.about-list{margin-top:12px;display:grid;gap:.55rem}
.about-list--two{grid-template-columns:repeat(2, minmax(0, 1fr))}
.about-list li{
  display:flex;
  align-items:flex-start;
  gap:.6rem;
  color:var(--ink2);
  padding:.6rem .7rem;
  border-radius:14px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
}
.about-list li::before{
  content:"✓";
  color:var(--primary2);
  font-weight:900;
  margin-top:.05rem;
}

.about-cards{
  margin:16px 0 14px;
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:12px;
}
.about-card{
  padding:14px 14px 16px;
  border-radius:18px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
}
.about-card i{font-size:1.5rem;color:var(--primary2)}
.about-card h3{margin:.55rem 0 .35rem;color:var(--ink);font-size:1.05rem}
.about-card p{margin:0;color:var(--muted);font-size:.96rem}

.about-image{position:relative}
.about-image--stack img{
  border-radius:var(--radius2);
  border:1px solid rgba(255,255,255,.10);
  box-shadow:var(--shadow2);
}
.about-stamp{
  position:absolute;
  right:14px;
  bottom:14px;
  padding:.75rem .9rem;
  border-radius:16px;
  background:rgba(0,0,0,.35);
  border:1px solid rgba(255,255,255,.14);
  backdrop-filter:blur(10px);
}
.about-stamp__title{display:block;font-weight:900;color:var(--ink)}
.about-stamp__text{display:block;color:var(--muted);font-weight:700;font-size:.95rem}

.casinos{
  position:relative;
  background:linear-gradient(180deg, rgba(255,255,255,.02) 0%, rgba(255,255,255,.05) 100%);
  border-top:1px solid rgba(255,255,255,.06);
  border-bottom:1px solid rgba(255,255,255,.06);
}
.casinos--spotlight{background:linear-gradient(180deg, rgba(124,58,237,.08) 0%, rgba(255,255,255,.03) 55%, rgba(34,211,238,.06) 100%)}

.casino-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(320px, 1fr));
  gap:clamp(14px, 2vw, 22px);
}
.casino-grid--single{grid-template-columns:minmax(0, 1fr);max-width:980px;margin:0 auto}

.casino-card{
  border-radius:var(--radius2);
  border:1px solid rgba(255,255,255,.12);
  background:linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
  overflow:hidden;
  box-shadow:0 16px 50px rgba(0,0,0,.28);
  transition:var(--t);
  display:flex;
  flex-direction:column;
}
.casino-card--modern{border-color:rgba(255,255,255,.14)}
.casino-card:hover{transform:translateY(-6px);box-shadow:var(--shadow2)}

.casino-image{
  position:relative;
  height:240px;
  overflow:hidden;
}
.casino-image--cover img{
  width:100%;
  height:100%;
  object-fit:cover;
  transform:scale(1.02);
  transition:transform .35s ease;
}
.casino-card:hover .casino-image--cover img{transform:scale(1.08)}

.casino-badge{
  position:absolute;
  top:14px;
  left:14px;
  padding:.5rem .75rem;
  border-radius:999px;
  font-weight:900;
  font-size:.85rem;
  color:var(--ink);
  background:rgba(0,0,0,.38);
  border:1px solid rgba(255,255,255,.14);
  backdrop-filter:blur(10px);
}
.casino-badge--pill{
  background:linear-gradient(135deg, rgba(34,211,238,.22), rgba(124,58,237,.26));
  border-color:rgba(255,255,255,.14);
}

.casino-content{
  padding:clamp(18px, 2.4vw, 28px);
  display:flex;
  flex-direction:column;
  gap:.85rem;
}
.casino-content--spaced{gap:1rem}
.casino-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:1rem;
  flex-wrap:wrap;
}
.casino-title{margin:0;color:var(--ink)}
.casino-text{margin:0;color:var(--muted)}
.casino-features{display:grid;gap:.55rem;margin:0}
.casino-features li{
  display:flex;
  align-items:flex-start;
  gap:.6rem;
  padding:.6rem .7rem;
  border-radius:14px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  color:var(--ink2);
}
.casino-features li i{color:var(--primary2);margin-top:.12rem}

.casino-rating{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}
.casino-stars{display:flex;gap:.15rem}
.casino-stars i{color:var(--primary2)}
.casino-rating-text{color:var(--muted);font-weight:700;font-size:.95rem}

.casino-actions{
  display:flex;
  gap:.8rem;
  flex-wrap:wrap;
  margin-top:.25rem;
}
.casino-actions--row .btn{min-width:240px}
.casino-note{
  display:flex;
  gap:.55rem;
  align-items:flex-start;
  padding:.75rem .85rem;
  border-radius:16px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.10);
  color:var(--muted);
}
.casino-note i{color:var(--accent);margin-top:.15rem}

.testimonials{position:relative}
.testimonials--fresh{
  background:linear-gradient(180deg, rgba(255,255,255,.00) 0%, rgba(255,255,255,.03) 100%);
}
.testimonials-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));
  gap:clamp(14px, 2vw, 22px);
}
.testimonials-grid--cards{grid-template-columns:repeat(auto-fit, minmax(260px, 1fr))}
.testimonial-card{
  border-radius:var(--radius2);
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(135deg, rgba(255,255,255,.07), rgba(255,255,255,.03));
  padding:clamp(18px, 2.4vw, 26px);
  box-shadow:0 12px 34px rgba(0,0,0,.22);
  transition:var(--t);
  position:relative;
  overflow:hidden;
}
.testimonial-card--alt{padding:clamp(18px, 2.4vw, 26px)}
.testimonial-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.testimonial-quote{
  position:absolute;
  top:12px;
  right:12px;
  font-size:2.2rem;
  color:rgba(34,211,238,.26);
}
.testimonial-text{font-style:italic;color:var(--ink2);margin:0 0 1.1rem;max-width:60ch}
.testimonial-author{display:flex;align-items:center;gap:.75rem}
.testimonial-info h4{margin:0;color:var(--ink);font-size:1.05rem}
.testimonial-info p{margin:.15rem 0 0;color:var(--muted);font-weight:700}

.important-message{
  padding:clamp(40px, 5vw, 70px) 0;
}
.important-message--banner{
  background:linear-gradient(180deg, rgba(251,113,133,.06) 0%, rgba(255,255,255,.02) 100%);
  border-top:1px solid rgba(255,255,255,.06);
  border-bottom:1px solid rgba(255,255,255,.06);
}
.message-box{
  border-radius:var(--radius2);
  border:1px solid rgba(255,255,255,.12);
  background:linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
  padding:clamp(18px, 2.6vw, 30px);
  box-shadow:0 16px 50px rgba(0,0,0,.25);
}
.message-box--modern{
  border-left:6px solid rgba(34,211,238,.75);
}
.message-title{
  display:flex;
  align-items:center;
  gap:.65rem;
  margin:0 0 .75rem;
  color:var(--ink);
}
.message-title i{color:var(--accent);font-size:1.25rem}
.message-text{color:var(--muted);margin:0 0 .85rem}
.message-highlight{color:var(--ink2);font-weight:900;margin-top:.75rem}

.footer{
  padding-top:clamp(44px, 5vw, 70px);
  background:rgba(0,0,0,.22);
  border-top:1px solid rgba(255,255,255,.06);
}
.footer--rework{background:rgba(0,0,0,.26)}
.footer-top{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));
  gap:clamp(14px, 2vw, 22px);
  padding-bottom:clamp(22px, 3vw, 34px);
}
.footer-top--grid{grid-template-columns:1.2fr .8fr .8fr}

.footer-logo{
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  font-size:1.25rem;
  font-weight:900;
  letter-spacing:.02em;
  padding:.45rem .65rem;
  border-radius:999px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.10);
}
.footer-logo span{color:var(--primary2)}
.footer-text{color:var(--muted);margin:.85rem 0 0}

.footer-title{
  font-size:1.05rem;
  color:var(--ink);
  margin:0 0 .85rem;
  display:inline-flex;
  align-items:center;
  gap:.55rem;
}
.footer-title::after{
  content:"";
  width:34px;height:10px;border-radius:999px;
  background:linear-gradient(90deg, var(--primary2), var(--primary));
  opacity:.75;
}
.footer-links{display:grid;gap:.55rem}
.footer-links a{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  color:var(--muted);
  padding:.35rem .4rem;
  border-radius:12px;
  border:1px solid transparent;
}
.footer-links a:hover{
  color:var(--ink);
  background:rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.10);
  transform:translateX(2px);
}

.footer-bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  flex-wrap:wrap;
  border-top:1px solid rgba(255,255,255,.08);
  padding:16px 0 18px;
}
.footer-bottom--split{justify-content:space-between}
.footer-copyright{color:var(--muted);font-size:.95rem;margin:0}
.footer-mini{color:rgba(238,242,255,.55);font-weight:700;margin:0;font-size:.92rem}

.page-header{
  padding:120px 0 44px;
  text-align:center;
  background:linear-gradient(180deg, rgba(124,58,237,.14), rgba(0,0,0,0));
  border-bottom:1px solid rgba(255,255,255,.06);
}
.breadcrumbs{
  margin-top:8px;
  display:flex;
  justify-content:center;
  gap:.5rem;
  color:rgba(238,242,255,.55);
  flex-wrap:wrap;
}
.breadcrumbs a{
  color:rgba(238,242,255,.75);
  border-bottom:1px dashed rgba(238,242,255,.25);
}
.breadcrumbs a:hover{color:var(--ink);border-bottom-color:rgba(238,242,255,.50)}
.breadcrumbs i{font-size:.8rem}

.content-section{padding:clamp(56px, 7vw, 96px) 0}
.content-wrapper{
  border-radius:var(--radius2);
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(135deg, rgba(255,255,255,.07), rgba(255,255,255,.03));
  padding:clamp(18px, 2.8vw, 34px);
  box-shadow:0 16px 50px rgba(0,0,0,.24);
}
.content-list{list-style:disc;list-style-position:inside;margin:0 0 1.1rem;padding:0}
.content-list li{color:var(--muted);margin:.35rem 0}
.content-divider{
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.22), transparent);
  margin:clamp(18px, 3vw, 30px) 0;
}
.last-updated{color:rgba(238,242,255,.55);font-size:.95rem;margin:0 0 1rem}

.cookies-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));
  gap:clamp(14px, 2vw, 22px);
  margin:clamp(18px, 3vw, 30px) 0;
}
.cookies-card{
  border-radius:var(--radius2);
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(135deg, rgba(255,255,255,.07), rgba(255,255,255,.03));
  padding:clamp(18px, 2.4vw, 26px);
  box-shadow:0 12px 34px rgba(0,0,0,.22);
  transition:var(--t);
  text-align:left;
}
.cookies-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.cookies-icon{
  width:52px;height:52px;border-radius:16px;
  display:flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  color:var(--primary2);
  font-size:1.6rem;
  margin-bottom:.85rem;
}

.browser-list{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(210px, 1fr));
  gap:10px;
  margin:18px 0 0;
}
.browser-list li{
  display:flex;
  align-items:center;
  gap:.7rem;
  padding:.75rem .85rem;
  border-radius:16px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  color:var(--ink2);
}
.browser-list li i{color:var(--primary2);font-size:1.35rem}

.responsible-intro{
  display:grid;
  grid-template-columns:1fr 1.6fr;
  gap:clamp(14px, 2.6vw, 28px);
  align-items:center;
  margin-bottom:clamp(16px, 3vw, 28px);
}
.responsible-image img{
  border-radius:var(--radius2);
  border:1px solid rgba(255,255,255,.10);
  box-shadow:var(--shadow2);
}
.responsible-subtitle{color:rgba(238,242,255,.78);margin-top:18px}

.risk-signs{
  border-radius:var(--radius2);
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.04);
  padding:clamp(18px, 2.6vw, 28px);
  margin:clamp(16px, 3vw, 28px) 0;
}
.risk-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));
  gap:clamp(14px, 2vw, 22px);
  margin-top:16px;
}
.risk-card{
  border-radius:var(--radius2);
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(135deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  padding:clamp(16px, 2.2vw, 22px);
  text-align:left;
}
.risk-icon{color:var(--accent);font-size:1.8rem;margin-bottom:.65rem}

.tips-section{margin:clamp(16px, 3vw, 28px) 0}
.tips-list{display:grid;gap:12px}
.tips-list li{
  display:flex;
  gap:1rem;
  align-items:flex-start;
  padding:clamp(16px, 2.2vw, 22px);
  border-radius:var(--radius2);
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.04);
}
.tip-icon{
  width:54px;height:54px;border-radius:16px;
  display:flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  color:var(--primary2);
  font-size:1.7rem;
  flex:0 0 auto;
}
.tip-content h4{margin:0 0 .35rem;color:var(--ink)}
.tip-content p{margin:0;color:var(--muted)}

.help-section{margin:clamp(16px, 3vw, 28px) 0}
.help-cards{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));
  gap:clamp(14px, 2vw, 22px);
  margin-top:16px;
}
.help-card{
  border-radius:var(--radius2);
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(135deg, rgba(255,255,255,.07), rgba(255,255,255,.03));
  padding:clamp(18px, 2.4vw, 26px);
  text-align:left;
  box-shadow:0 12px 34px rgba(0,0,0,.22);
  transition:var(--t);
}
.help-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.help-icon{
  width:56px;height:56px;border-radius:18px;
  display:flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  color:var(--accent);
  font-size:1.9rem;
  margin-bottom:.85rem;
}
.help-card p{margin:.2rem 0 0;color:var(--muted)}
.responsible-conclusion{
  border-radius:var(--radius2);
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.04);
  padding:clamp(18px, 2.6vw, 28px);
  text-align:center;
  margin-top:clamp(16px, 3vw, 28px);
}
.conclusion-highlight{
  font-size:1.12rem;
  font-weight:900;
  color:rgba(238,242,255,.88);
}

.thanks-section{
  min-height:60vh;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:130px 0 70px;
}
.thanks-content{max-width:860px;margin:0 auto}
.thanks-icon{font-size:4.8rem;color:var(--primary2);margin-bottom:18px}
.thanks-content p{font-size:1.05rem;color:var(--muted);margin:0 0 18px}
.thanks-actions{display:flex;justify-content:center;gap:.8rem;flex-wrap:wrap}

.contact-form,
.form-group,
.form-label,
.form-control,
textarea.form-control{
  max-width:100%;
}
.form-label{display:block;margin:0 0 .45rem;color:var(--ink2);font-weight:800}
.form-control{
  width:100%;
  padding:12px 14px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.05);
  color:var(--ink);
  outline:none;
  transition:var(--t);
}
.form-control:focus{
  border-color:rgba(34,211,238,.55);
  box-shadow:0 0 0 4px rgba(34,211,238,.10);
}
textarea.form-control{min-height:140px;resize:vertical}

@media (max-width: 992px){
  .hero{min-height:auto}
  .hero-grid,
  .hero-grid--reverse{grid-template-columns:1fr}
  .hero-image{max-width:680px;justify-self:center}
  .hero-btns--wide .btn{min-width:unset;flex:1}
  .about-grid,
  .about-grid--alt{grid-template-columns:1fr}
  .about-cards{grid-template-columns:1fr}
  .about-list--two{grid-template-columns:1fr}
  .footer-top--grid{grid-template-columns:1fr}
  .casino-actions--row .btn{min-width:unset;flex:1}
}

@media (max-width: 768px){
  .nav-toggle{display:inline-flex}
  .nav{
    position:absolute;
    top:100%;
    left:0;
    width:100%;
    background:rgba(9,12,22,.92);
    backdrop-filter:blur(14px);
    border-bottom:1px solid rgba(255,255,255,.08);
    max-height:0;
    overflow:hidden;
    transition:max-height .35s ease;
  }
  .menu-toggle:checked ~ .nav{max-height:520px}
  .nav-list{
    flex-direction:column;
    align-items:stretch;
    padding:14px 12px 16px;
    gap:.35rem;
  }
  .nav-link{width:100%;justify-content:center}
  .hero{padding:96px 0 58px}
  .casino-image{height:220px}
  .mini-guide__box{align-items:flex-start}
}

@media (max-width: 576px){
  html{font-size:14px}
  .btn{width:100%}
  .hero-btns{gap:.7rem}
  .feature-card,
  .testimonial-card,
  .cookies-card,
  .help-card{padding:16px}
  .footer-bottom{justify-content:center;text-align:center}
}
        /* FOOTER */
        .footer { background: #1f2937; color: #d1d5db; padding: 3rem 0 1.5rem; }
        .footer-top { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 2rem; margin-bottom: 2rem; }
        .footer-logo { color: #fff; font-weight: 800; font-size: 1.5rem; display: inline-block; margin-bottom: .5rem; }
        .footer-logo span { color: #dc2626; }
        .footer-title { color: #fff; margin-bottom: 1rem; font-weight: 600; position: relative; padding-bottom: .5rem; }
        .footer-title::after { content: ''; position: absolute; left: 0; bottom: 0; width: 30px; height: 3px; background: #8b5cf6; border-radius: 2px; }
        .footer-links { list-style: none; }
        .footer-links a { display: block; padding: .3rem 0; color: #9ca3af; transition: color .2s; font-size: .95rem; }
        .footer-links a:hover { color: #fff; }