:root{
  --bg:#031330;--bg-soft:#07245a;--blue:#0a3c91;--blue-2:#0f5cc9;--navy:#061842;--card:#092154;--card-2:#0d2d6d;--line:rgba(255,255,255,.14);--text:#f8fbff;--muted:#c7d5ed;--yellow:#ffcc24;--yellow-2:#ffb000;--red:#ff304f;--red-2:#d8173a;--green:#2ee58d;--shadow:0 24px 58px rgba(0,0,0,.34)
}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:94px;-webkit-text-size-adjust:100%}body{font-family:Inter,Arial,Helvetica,sans-serif;background:radial-gradient(circle at 18% -5%,#1158bd 0,#061842 34%,#020b1e 100%);color:var(--text);line-height:1.68;overflow-x:hidden}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto}.container{width:min(1180px,calc(100% - 32px));margin:0 auto}.site-header{position:sticky;top:0;z-index:999;background:rgba(3,19,48,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.header-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:12px;font-weight:950;text-transform:uppercase;letter-spacing:.03em}.brand img{width:86px;border-radius:12px}.brand span{font-size:1.04rem}.brand b{color:var(--yellow)}.main-nav{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.main-nav a{font-size:.86rem;font-weight:900;color:#dce9ff;padding:9px 10px;border-radius:12px}.main-nav a:hover,.main-nav a.active{background:rgba(255,204,36,.14);color:#fff}.nav-toggle{display:none;width:46px;height:42px;border:1px solid var(--line);background:#092154;border-radius:13px;cursor:pointer}.nav-toggle span{display:block;width:22px;height:2px;background:#fff;margin:5px auto;border-radius:9px}.hero{padding:50px 0 36px}.breadcrumbs{font-size:.92rem;color:#b7c8e8;margin-bottom:24px}.breadcrumbs a{color:var(--yellow);font-weight:950}.breadcrumbs span{margin:0 7px}.hero-box{max-width:965px;margin:0 auto;text-align:center;background:linear-gradient(135deg,rgba(15,92,201,.30),rgba(255,255,255,.055));border:1px solid var(--line);border-radius:30px;padding:42px 34px;box-shadow:var(--shadow)}.eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(255,204,36,.12);border:1px solid rgba(255,204,36,.42);color:#ffe58a;border-radius:999px;padding:7px 13px;font-size:.76rem;font-weight:950;text-transform:uppercase;letter-spacing:.08em}h1{font-size:clamp(2.25rem,5vw,4.7rem);line-height:1.03;letter-spacing:-.06em;margin:18px 0;color:#fff}h2{font-size:clamp(1.7rem,3.4vw,2.8rem);line-height:1.14;letter-spacing:-.04em;margin-bottom:15px;color:#fff}h3{font-size:1.32rem;margin-bottom:10px;color:#fff}h4{font-size:1.06rem;margin:14px 0 7px;color:#ffe58a}.hero p,.lead{color:var(--muted);font-size:1.08rem;max-width:920px;margin-left:auto;margin-right:auto}.meta-line{display:inline-flex;margin:22px auto 0;background:rgba(255,48,79,.11);border:1px solid rgba(255,48,79,.34);color:#ffd0d7;border-radius:999px;padding:9px 16px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;font-size:.82rem}.cta-row{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:24px}.btn{display:inline-flex;align-items:center;justify-content:center;text-align:center;border-radius:999px;font-weight:950;text-transform:uppercase;letter-spacing:.02em;transition:.2s ease}.btn-primary{background:linear-gradient(90deg,var(--yellow),var(--yellow-2));color:#07173f;padding:13px 22px;box-shadow:0 12px 28px rgba(255,204,36,.25)}.btn-primary:hover{background:linear-gradient(90deg,var(--red),#ff6b35);color:#fff;transform:translateY(-1px)}.btn-red{background:linear-gradient(90deg,var(--red),var(--red-2));color:#fff;padding:13px 22px;box-shadow:0 12px 28px rgba(255,48,79,.24)}.btn-muted{border:1px solid rgba(255,255,255,.17);background:rgba(255,255,255,.04);color:#8fa3c4;padding:13px 18px}.section{padding:42px 0}.section-title{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:20px}.rating-list{display:grid;gap:14px}.casino-card{position:relative;display:grid;grid-template-columns:200px 260px 1fr 190px;gap:16px;align-items:center;background:linear-gradient(135deg,var(--card),var(--card-2));border:1px solid var(--line);border-radius:21px;padding:22px 22px 22px 58px;box-shadow:0 18px 38px rgba(0,0,0,.25)}.casino-card.featured{border-color:rgba(255,204,36,.55);box-shadow:0 18px 52px rgba(255,204,36,.10)}.rank{position:absolute;left:0;top:0;background:linear-gradient(135deg,var(--yellow),var(--red));color:#061842;width:48px;height:48px;border-radius:21px 0 18px 0;display:grid;place-items:center;font-weight:950}.casino-name{font-size:1.2rem;font-weight:950}.stars{color:var(--yellow);font-size:.95rem}.rating-score{color:#eaf2ff;font-weight:900;margin-left:5px}.casino-offer strong{display:block;color:#ffe58a;font-size:1.2rem;line-height:1.22}.casino-offer span{display:block;color:#dbe8ff;font-weight:800;margin-top:5px}.casino-points{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;list-style:none}.casino-points li{color:#dbe6fa;font-weight:720;font-size:.92rem}.casino-points li:before{content:'✓ ';color:var(--yellow)}.casino-action{display:grid;gap:8px}.casino-action small{font-size:.75rem;color:#b3c0d8}.image-after-rating{margin:26px auto 0}.image-after-rating img{border-radius:28px;border:1px solid var(--line);box-shadow:var(--shadow);display:block}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:rgba(9,33,84,.92);border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:0 14px 34px rgba(0,0,0,.22)}.card p,.card li{color:var(--muted)}.review-card{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;align-items:start;margin-bottom:18px}.review-card .summary{background:linear-gradient(135deg,rgba(255,204,36,.12),rgba(255,48,79,.10));border-color:rgba(255,204,36,.28)}.check-list,.plain-list{list-style:none;display:grid;gap:9px;margin-top:12px}.check-list li{position:relative;padding-left:28px}.check-list li:before{content:'✓';position:absolute;left:0;color:var(--yellow);font-weight:950}.plain-list li{position:relative;padding-left:24px}.plain-list li:before{content:'•';position:absolute;left:5px;color:var(--red);font-weight:950}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:18px;background:rgba(9,33,84,.9);box-shadow:0 14px 34px rgba(0,0,0,.2);margin-top:12px}table{width:100%;border-collapse:collapse;min-width:760px}th,td{padding:14px 15px;text-align:left;border-bottom:1px solid var(--line);color:#dce8fb}th{background:#061842;color:#ffe58a;font-weight:950;text-transform:uppercase;font-size:.82rem}tr:last-child td{border-bottom:0}.notice{background:rgba(255,48,79,.11);border:1px solid rgba(255,48,79,.36);color:#ffd5db;border-radius:18px;padding:18px;margin-top:18px}.author{display:grid;grid-template-columns:140px 1fr;gap:22px;align-items:center}.author img{width:140px;height:140px;object-fit:cover;border-radius:24px;border:3px solid var(--yellow);background:#061842}.faq{display:grid;gap:12px}.faq article{background:rgba(9,33,84,.92);border:1px solid var(--line);border-radius:18px;padding:18px}.faq p{color:var(--muted)}.site-footer{background:#020b1e;border-top:1px solid var(--line);padding:42px 0 24px;margin-top:40px}.footer-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:26px}.site-footer p,.site-footer a{color:#aebfe0}.site-footer h4{color:#fff;margin-bottom:10px}.site-footer li{list-style:none;margin-bottom:8px}.copyright{border-top:1px solid var(--line);margin-top:28px;padding-top:16px;color:#7890b8}
@media(max-width:1050px){.casino-card{grid-template-columns:1fr 1fr 1fr}.casino-action{grid-column:1/-1}.grid-3{grid-template-columns:1fr 1fr}.review-card{grid-template-columns:1fr}}
@media(max-width:880px){.nav-toggle{display:block}.header-inner{position:relative}.main-nav{display:none;position:absolute;left:0;right:0;top:78px;background:#031330;border:1px solid var(--line);border-radius:16px;padding:12px;flex-direction:column;align-items:stretch}.site-header.nav-open .main-nav{display:flex}.main-nav a{text-align:center;padding:12px}.hero-box{padding:28px 18px}.grid-2,.grid-3,.author,.footer-grid{grid-template-columns:1fr}.casino-card{grid-template-columns:1fr;padding:58px 18px 18px;text-align:center}.casino-points{grid-template-columns:1fr;text-align:left}.casino-action .btn{width:100%}.section-title{display:block}}
@media(max-width:520px){.container{width:min(100% - 22px,450px)}.brand img{width:58px}.brand span{font-size:.88rem}h1{font-size:2.08rem}.hero p,.lead{font-size:1rem}.section{padding:31px 0}.meta-line{font-size:.72rem;border-radius:16px}.casino-offer strong{font-size:1.08rem}.hero{padding-top:30px}}

/* Mobile static layout: keeps the mobile design readable and prevents the page from collapsing into a too-narrow column. */
@media (max-width:880px){
  html,
  body{
    min-width:420px;
    overflow-x:auto;
  }

  .site-header,
  main,
  .site-footer{
    min-width:420px;
  }

  .container{
    width:calc(100% - 24px);
    max-width:396px;
    min-width:0;
  }

  .header-inner{
    min-height:80px;
  }

  .brand img{
    width:54px;
  }

  .brand span{
    font-size:.9rem;
    letter-spacing:.04em;
  }

  .main-nav{
    top:80px;
  }

  .hero{
    padding:32px 0 34px;
  }

  .breadcrumbs{
    margin-bottom:18px;
    white-space:nowrap;
  }

  .hero-box{
    width:100%;
    max-width:none;
    padding:30px 20px 28px;
    border-radius:24px;
  }

  h1{
    font-size:2.2rem;
    line-height:1.05;
    letter-spacing:-.055em;
  }

  h2{
    font-size:1.72rem;
    line-height:1.15;
  }

  .hero p,
  .lead{
    font-size:1rem;
    line-height:1.72;
  }

  .meta-line{
    display:flex;
    justify-content:center;
    width:100%;
    border-radius:14px;
    font-size:.72rem;
    line-height:1.45;
    padding:10px 12px;
  }

  .cta-row{
    display:grid;
    gap:12px;
  }

  .cta-row .btn{
    width:100%;
  }

  .section{
    padding:34px 0;
  }

  .section-title{
    display:block;
  }

  .section-title .eyebrow{
    margin-top:8px;
  }

  .rating-list{
    gap:14px;
  }

  .casino-card{
    width:100%;
    min-width:0;
    grid-template-columns:1fr;
    gap:14px;
    text-align:center;
    padding:60px 20px 22px;
    border-radius:20px;
  }

  .rank{
    width:50px;
    height:50px;
  }

  .casino-name{
    font-size:1.22rem;
  }

  .casino-offer strong{
    font-size:1.13rem;
  }

  .casino-points{
    grid-template-columns:1fr;
    gap:8px;
    text-align:left;
    max-width:310px;
    margin:0 auto;
  }

  .casino-points li{
    font-size:.96rem;
  }

  .casino-action .btn{
    width:100%;
    min-height:52px;
  }

  .image-after-rating img{
    border-radius:22px;
  }

  .grid-2,
  .grid-3,
  .review-card,
  .author,
  .footer-grid{
    grid-template-columns:1fr;
  }

  .card{
    padding:22px 20px;
  }

  .author{
    text-align:center;
  }

  .author img{
    margin:0 auto;
  }

  table{
    min-width:720px;
  }
}

@media (max-width:520px){
  .container{
    width:calc(100% - 24px);
    max-width:396px;
  }
}