:root{
  --ink:#152238;
  --nav:#191044;
  --purple:#7c3aed;
  --pink:#ec4899;
  --cyan:#06b6d4;
  --lime:#84cc16;
  --amber:#f59e0b;
  --paper:#f7fbff;
  --card:#ffffff;
  --muted:#657083;
  --line:rgba(20,34,56,.12);
  --shadow:0 22px 60px rgba(19,16,63,.14);
  --radius:26px;
  --head:'Outfit',Inter,Arial,sans-serif;
  --body:'Inter',Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--body);color:var(--ink);background:
  radial-gradient(circle at 20% 0%,rgba(6,182,212,.20),transparent 32%),
  radial-gradient(circle at 95% 25%,rgba(236,72,153,.18),transparent 28%),
  linear-gradient(135deg,#f8fbff,#fdf2ff 48%,#effcff);line-height:1.62}
a{color:inherit}.age-locked main,.age-locked aside{filter:brightness(.25);pointer-events:none;user-select:none}.age-gate{position:fixed;inset:0;z-index:999;background:rgba(8,10,28,.75);display:grid;place-items:center;padding:20px}.age-gate__box{width:min(520px,100%);background:#fff;border-radius:24px;padding:32px;text-align:center;box-shadow:0 32px 90px rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.6)}.age-gate__site{font-weight:900;color:var(--purple);text-transform:uppercase;letter-spacing:.12em}.age-gate h2{font-family:var(--head);font-size:34px;margin:8px 0 12px}.age-gate__actions{display:grid;gap:12px;margin:24px 0}.age-gate__btn{min-height:56px;border-radius:999px;border:2px solid var(--ink);background:#fff;font-weight:900;cursor:pointer;text-transform:uppercase}.age-gate__btn--primary{background:linear-gradient(135deg,var(--purple),var(--pink));color:#fff;border:0}.age-gate__note{font-size:13px;color:var(--muted);margin:0}
.sidebar{position:fixed;inset:0 auto 0 0;width:252px;background:linear-gradient(180deg,#24115f,#120d30 65%,#0b1026);color:#fff;padding:24px 18px;z-index:20;box-shadow:18px 0 50px rgba(25,16,68,.28);display:flex;flex-direction:column;gap:22px}.side-brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand-mark{width:48px;height:48px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,var(--cyan),var(--pink));font:900 28px var(--head);box-shadow:0 16px 30px rgba(6,182,212,.25)}.side-brand strong{display:block;font:900 22px var(--head);line-height:1}.side-brand small{display:block;color:#c4b5fd;font-weight:800;margin-top:4px}.side-nav{display:grid;gap:8px}.side-nav a{display:flex;align-items:center;gap:10px;text-decoration:none;color:#efe9ff;padding:12px 13px;border-radius:16px;font-weight:800}.side-nav a:hover{background:rgba(255,255,255,.12);transform:translateX(3px)}.side-card{margin-top:auto;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.16);border-radius:20px;padding:16px;position:relative}.side-card b,.side-card em{display:block}.side-card em{color:#bef264;font-style:normal;font-weight:900}.pulse{width:10px;height:10px;border-radius:50%;background:#84cc16;box-shadow:0 0 0 8px rgba(132,204,22,.14);display:inline-block;margin-bottom:10px}
.page-shell{margin-left:252px;padding:28px 34px 0}.hero-lab{min-height:520px;border-radius:36px;padding:48px;display:grid;grid-template-columns:1.25fr .75fr;gap:28px;align-items:center;background:linear-gradient(135deg,rgba(124,58,237,.96),rgba(236,72,153,.86) 55%,rgba(6,182,212,.88));color:#fff;box-shadow:var(--shadow);position:relative;overflow:hidden}.hero-lab:before{content:"";position:absolute;inset:auto -100px -130px auto;width:430px;height:430px;border-radius:50%;background:rgba(255,255,255,.16)}.eyebrow{margin:0 0 12px;color:#fff;background:rgba(255,255,255,.18);display:inline-flex;padding:8px 12px;border-radius:999px;text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:900}.hero-copy h1{font:900 clamp(42px,6vw,78px)/.92 var(--head);letter-spacing:-.06em;margin:0 0 20px;max-width:820px}.hero-copy p{font-size:18px;max-width:720px;margin:0;color:rgba(255,255,255,.92)}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border-radius:999px;padding:13px 22px;text-decoration:none;font-weight:900;text-transform:uppercase;letter-spacing:.02em;border:0}.btn.primary{background:#fff;color:#201044;box-shadow:0 14px 28px rgba(0,0,0,.18)}.btn.secondary{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.34)}.btn:hover{transform:translateY(-2px)}.hero-panel{display:grid;gap:16px;z-index:1}.hero-stat{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.26);border-radius:24px;padding:22px;backdrop-filter:blur(14px)}.hero-stat span{font:900 70px/.8 var(--head)}.hero-stat b{font:900 26px var(--head)}.hero-stat p{margin:6px 0 0;color:#fff}.hero-stat.highlight{background:#fff;color:#201044}.hero-stat.highlight p{color:#475569}.quick-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:22px 0 50px}.quick-strip article{background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.7);border-radius:24px;padding:20px;box-shadow:0 14px 35px rgba(20,34,56,.08)}.quick-strip span{font-size:30px}.quick-strip b{display:block;font:900 18px var(--head);margin:6px 0}.quick-strip p{margin:0;color:var(--muted)}.section-head{margin:0 0 20px}.section-head .eyebrow,.bonus-copy .eyebrow,.scoreboard .eyebrow,.blog-lead .eyebrow{color:var(--purple);background:#ede9fe}.section-head h2,.scoreboard h2,.bonus-copy h2,.blog-lead h2,.site-set h2,.footer h2{font:900 clamp(30px,4vw,52px)/1 var(--head);letter-spacing:-.04em;margin:0 0 12px}.section-head p{max-width:760px;color:var(--muted);margin:0}.ranking-grid{display:grid;gap:18px}.casino-row{display:grid;grid-template-columns:58px 116px 1fr minmax(230px,.65fr) auto;gap:18px;align-items:center;background:rgba(255,255,255,.83);border:1px solid rgba(255,255,255,.78);border-radius:28px;padding:18px;box-shadow:0 20px 50px rgba(20,34,56,.08);position:relative;overflow:hidden}.casino-row:before{content:"";position:absolute;inset:0 auto 0 0;width:7px;background:linear-gradient(180deg,var(--cyan),var(--pink),var(--lime))}.casino-row.featured{background:linear-gradient(135deg,#fff,#f0fdff 55%,#fdf2ff);box-shadow:0 26px 65px rgba(124,58,237,.18)}.rank-badge{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;background:#0f172a;color:#fff;font:900 18px var(--head)}.casino-logo{width:112px;height:62px;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:18px;padding:8px;box-shadow:0 10px 24px rgba(20,34,56,.08)}.title-line{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.casino-main h3{font:900 26px var(--head);margin:0}.casino-main p{font-size:14px;color:var(--muted);margin:5px 0 8px}.casino-main ul{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px;padding:0;list-style:none}.casino-main li{font-size:12px;font-weight:800;background:#f1f5f9;border-radius:999px;padding:5px 9px}.tag{font-size:11px;font-weight:900;text-transform:uppercase;background:#dcfce7;color:#166534;padding:6px 9px;border-radius:999px}.tag.blue{background:#cffafe;color:#0e7490}.tag.purple{background:#ede9fe;color:#6d28d9}.tag.orange{background:#ffedd5;color:#c2410c}.tag.green{background:#dcfce7;color:#15803d}.tag.pink{background:#fce7f3;color:#be185d}.stars{color:#f59e0b;font-weight:900;letter-spacing:1px}.stars small{color:#475569;letter-spacing:0;margin-left:8px}.score-bars{display:grid;gap:8px}.score-bars div{display:grid;grid-template-columns:72px 1fr 32px;gap:8px;align-items:center;font-size:12px;font-weight:900}.score-bars i{height:10px;border-radius:999px;background:linear-gradient(90deg,var(--cyan),var(--purple),var(--pink));position:relative;overflow:hidden}.score-bars i:after{content:"";position:absolute;inset:0 auto 0 0;width:var(--w);background:rgba(255,255,255,.35)}.score-bars b{font-size:12px}.card-btn{background:linear-gradient(135deg,#0f172a,#7c3aed);color:#fff;white-space:nowrap;box-shadow:0 12px 25px rgba(124,58,237,.22)}.review-lab,.blog-section,.brand-cloud,.site-set{margin-top:62px}.review-grid-six{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.review-grid-six article,.blog-cards article{background:#fff;border:1px solid rgba(255,255,255,.7);border-radius:24px;padding:22px;box-shadow:0 16px 35px rgba(20,34,56,.07)}.review-grid-six span{font-size:30px}.review-grid-six h3,.blog-cards h3{font:900 21px var(--head);margin:8px 0}.review-grid-six p,.blog-cards p{color:var(--muted);margin:0}.scoreboard{margin-top:62px;background:#10172a;color:#fff;border-radius:34px;padding:36px;box-shadow:var(--shadow);overflow:hidden}.scoreboard-head{max-width:780px;margin-bottom:26px}.scoreboard-head p{color:#cbd5e1}.score-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.score-metrics article{min-height:250px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:18px;display:grid;grid-template-rows:auto 1fr auto;gap:14px}.metric-top{display:flex;align-items:center;gap:10px}.metric-top span{width:44px;height:44px;border-radius:16px;background:rgba(255,255,255,.12);display:grid;place-items:center;font-size:24px}.metric-top strong{font:900 14px var(--head);line-height:1.1}.metric-bar{height:118px;border-radius:18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.10);display:flex;align-items:end;padding:8px;overflow:hidden}.metric-bar i{display:block;width:100%;height:var(--h);border-radius:12px;background:var(--accent);box-shadow:0 0 24px color-mix(in srgb,var(--accent),transparent 55%)}.metric-bottom{border-top:1px solid rgba(255,255,255,.12);padding-top:12px}.metric-bottom b{display:block;font:900 34px/1 var(--head);color:#fff}.metric-bottom small{display:block;margin-top:6px;color:#cbd5e1;font-weight:700;line-height:1.35}.scoreboard-footer{margin-top:18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:16px 18px;display:flex;gap:10px;align-items:flex-start}.scoreboard-footer strong{color:#fff}.scoreboard-footer span{color:#cbd5e1}.bonus-section{margin-top:62px;display:grid;grid-template-columns:1.2fr .8fr;gap:22px}.bonus-copy,.bonus-tile{background:#fff;border-radius:32px;padding:32px;box-shadow:0 18px 45px rgba(20,34,56,.08);border:1px solid rgba(255,255,255,.8)}.bonus-copy p{color:var(--muted)}.check-list{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}.check-list span{background:#ecfeff;color:#0e7490;border-radius:999px;padding:9px 12px;font-weight:900}.bonus-copy .btn.primary{background:linear-gradient(135deg,var(--pink),var(--purple));color:#fff}.bonus-tile{background:linear-gradient(135deg,#fef3c7,#fce7f3);display:grid;align-content:center}.bonus-tile span{font-size:54px}.bonus-tile b{font:900 38px var(--head)}.blog-section{display:grid;grid-template-columns:1fr 1fr;gap:22px}.blog-lead{background:linear-gradient(135deg,#fff,#eff6ff);border-radius:32px;padding:34px;box-shadow:0 18px 45px rgba(20,34,56,.08)}.date-line{font-weight:900;color:var(--purple)!important}.blog-cards{display:grid;gap:14px}.legal-band{margin-top:62px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.legal-band article{background:linear-gradient(135deg,#24115f,#0f172a);color:#fff;border-radius:28px;padding:28px}.legal-band h2{font:900 28px var(--head);margin:0 0 10px}.legal-band p{color:#dbeafe;margin:0}.cloud-links,.set-links{display:flex;flex-wrap:wrap;gap:10px}.cloud-links a,.set-links a{background:#fff;border:1px solid rgba(255,255,255,.8);border-radius:999px;padding:11px 15px;text-decoration:none;font-weight:900;box-shadow:0 10px 22px rgba(20,34,56,.06)}.cloud-links a:hover,.set-links a:hover{background:linear-gradient(135deg,var(--cyan),var(--purple));color:#fff}.site-set{background:rgba(255,255,255,.55);border-radius:30px;padding:28px}.footer{margin:52px -34px 0;padding:44px 34px;background:#0f172a;color:#fff}.footer p{color:#cbd5e1;max-width:800px}
@media(max-width:1120px){.score-metrics{grid-template-columns:repeat(2,1fr)}.sidebar{position:static;width:auto;border-radius:0 0 28px 28px}.side-nav{grid-template-columns:repeat(4,1fr)}.page-shell{margin-left:0;padding:22px}.hero-lab,.scoreboard,.bonus-section,.blog-section{grid-template-columns:1fr}.casino-row{grid-template-columns:52px 100px 1fr}.score-bars,.card-btn{grid-column:1/-1}.quick-strip,.review-grid-six{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.score-metrics{grid-template-columns:1fr}.scoreboard{padding:24px}.scoreboard-footer{display:block}.page-shell{padding:14px}.hero-lab{padding:28px;border-radius:26px}.hero-copy h1{font-size:42px}.side-nav{grid-template-columns:1fr 1fr}.quick-strip,.review-grid-six,.legal-band{grid-template-columns:1fr}.casino-row{grid-template-columns:1fr;text-align:left}.casino-logo{width:160px}.card-btn{width:100%}.mini-chart{gap:8px}.footer{margin-left:-14px;margin-right:-14px}}
