:root{
  --bg:#041611;
  --felt:#0a2b20;
  --felt-light:#104532;
  --panel:#0b221a;
  --panel-2:#0f2d22;
  --gold:#d6aa52;
  --gold-light:#f0d285;
  --text:#f3f1e8;
  --muted:#aab8af;
  --line:rgba(227,190,108,.21);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:112px}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"SF Pro Display","Segoe UI",Roboto,Arial,sans-serif;font-size:16px;line-height:1.72}
body::before{position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 15% 0,rgba(38,123,87,.26),transparent 34%),radial-gradient(circle at 88% 28%,rgba(194,145,54,.09),transparent 27%),linear-gradient(135deg,rgba(255,255,255,.012) 25%,transparent 25%) 0 0/32px 32px;content:""}
img{display:block;max-width:100%}
a{color:var(--gold-light);text-underline-offset:3px}
p{margin:0 0 1.1em}
h1,h2,h3{margin:0;font-family:Inter,"SF Pro Display","Segoe UI",Roboto,Arial,sans-serif;line-height:1.08}

.topbar{position:sticky;top:0;z-index:50;background:rgba(4,22,17,.88);border-bottom:1px solid rgba(226,188,105,.14);backdrop-filter:blur(20px)}
.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:28px;width:min(100% - 38px,1240px);height:88px;margin:auto}
.brand{display:flex;align-items:center;gap:13px;color:var(--text);text-decoration:none}
.brand img{width:60px;height:60px;flex:0 0 60px;border-radius:50%;object-fit:cover;box-shadow:0 9px 28px rgba(0,0,0,.28)}
.brand span{display:grid;line-height:1.05}
.brand strong{font-size:.98rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase}
.brand small{margin-top:7px;color:#97a89e;font-size:.65rem;font-weight:750;letter-spacing:.22em;text-transform:uppercase}
nav{display:flex;justify-content:flex-end;gap:2px}
nav a{padding:9px 12px;border-radius:999px;color:#c8d3cc;font-size:.82rem;text-decoration:none}
nav a:hover,nav a:focus-visible{background:rgba(223,181,91,.1);color:#f4d88f;outline:none}
.progress-line{height:2px;background:rgba(255,255,255,.025)}
.progress-line span{display:block;width:0;height:100%;background:linear-gradient(90deg,#8b6828,#f0d181,#a97731);box-shadow:0 0 12px rgba(233,193,105,.5)}

.intro{width:min(100% - 40px,1060px);margin:auto;padding:clamp(68px,9vw,135px) 0 clamp(54px,7vw,92px)}
.eyebrow{margin-bottom:23px;color:var(--gold);font-size:.73rem;font-weight:850;letter-spacing:.28em;text-transform:uppercase}
.intro h1{max-width:930px;font-size:clamp(3rem,7vw,6.4rem);font-weight:780;letter-spacing:-.045em;text-wrap:balance}
.intro-lead{max-width:860px;margin-top:31px;color:#d9e0db;font-size:clamp(1.08rem,2vw,1.34rem);line-height:1.62}
.intro>p:not(.eyebrow):not(.intro-lead){max-width:860px;color:var(--muted)}
.intro a{font-weight:780}

.layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:34px;width:min(100% - 40px,1240px);margin:0 auto 36px}
.side-banner{min-width:0}
.side-banner img{position:sticky;top:110px;width:100%;height:auto;aspect-ratio:941/1672;object-fit:cover;border:1px solid rgba(225,185,102,.23);border-radius:28px;background:#0d3b2a;box-shadow:0 28px 75px rgba(0,0,0,.35)}
.article{min-width:0;overflow:hidden;border:1px solid rgba(225,187,105,.14);border-radius:32px;background:linear-gradient(145deg,rgba(13,48,35,.95),rgba(6,27,20,.97));box-shadow:0 30px 80px rgba(0,0,0,.26)}
.section-block{padding:clamp(38px,5vw,69px);border-bottom:1px solid var(--line)}
.section-block:last-child{border-bottom:0}
.section-head{display:grid;grid-template-columns:46px 1fr;gap:17px;align-items:start;margin-bottom:31px}
.section-head>span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:rgba(216,172,83,.09);box-shadow:inset 0 0 0 1px rgba(231,192,111,.31);color:var(--gold);font-size:.77rem;font-weight:850}
.section-head p,.slots-heading p{margin:1px 0 6px;color:#91a79a;font-size:.68rem;font-weight:850;letter-spacing:.17em;text-transform:uppercase}
.section-head h2,.slots-heading h2{color:#f0d589;font-size:clamp(1.82rem,3.3vw,2.7rem);font-weight:760;letter-spacing:-.03em}
.article a[href^="https://"]{font-weight:780}

.provider-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:29px}
.provider-grid section{padding:22px 21px;border:1px solid rgba(226,188,108,.13);border-radius:18px;background:rgba(255,255,255,.022)}
.provider-grid h3{margin-bottom:12px;color:#f0d58a;font-size:1.04rem;font-weight:800;letter-spacing:-.01em}
.provider-grid p{margin:0;color:#c4d0c8;font-size:.9rem;line-height:1.65}

.table-wrap{margin:23px 0 28px;overflow-x:auto;border:1px solid rgba(226,188,108,.16);border-radius:18px}
table{width:100%;border-collapse:collapse;background:rgba(4,18,13,.28)}
th,td{padding:15px 17px;border-bottom:1px solid rgba(226,188,108,.13);text-align:left}
th{background:rgba(220,174,84,.09);color:#f0d58a;font-size:.75rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
tbody tr:last-child td{border-bottom:0}
tbody tr:nth-child(even){background:rgba(255,255,255,.018)}
td:first-child{font-weight:720}
td:last-child{width:120px;color:#f0cf78;font-weight:850;white-space:nowrap}

.popular-slots{width:min(100% - 40px,1240px);margin:0 auto 34px;padding:clamp(31px,5vw,58px);border:1px solid rgba(225,186,105,.15);border-radius:32px;background:linear-gradient(145deg,rgba(15,55,40,.93),rgba(6,27,20,.96));box-shadow:0 27px 75px rgba(0,0,0,.25)}
.slots-heading{margin-bottom:27px}
.slots-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.slots-grid img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:14px;background:#0d3b2a;box-shadow:0 10px 24px rgba(0,0,0,.25)}

.footer{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;width:min(100% - 40px,1240px);margin:0 auto 26px;padding:18px 22px;border:1px solid rgba(225,187,105,.15);border-radius:24px;background:rgba(8,36,26,.88);color:var(--muted)}
.footer img{width:62px;height:62px;border-radius:50%;object-fit:cover}
.footer div{display:grid}
.footer strong{color:#f0d58a;font-size:.9rem;font-weight:850}
.footer span{font-size:.76rem}
.footer a{font-size:.83rem}

@media(max-width:960px){.layout{grid-template-columns:1fr}.side-banner{display:none}}
@media(max-width:720px){
  html{scroll-padding-top:128px}
  body{font-size:15.5px}
  .topbar-inner{align-items:flex-start;flex-direction:column;gap:4px;width:min(100% - 16px,1240px);height:auto;padding:8px 0 7px}
  .brand img{width:50px;height:50px;flex-basis:50px}
  nav{width:100%;justify-content:flex-start;overflow-x:auto;padding-bottom:2px;white-space:nowrap;scrollbar-width:thin}
  nav a{padding:7px 9px}
  .intro,.layout,.popular-slots,.footer{width:min(100% - 16px,1240px)}
  .intro{padding:54px 9px 45px}
  .intro h1{font-size:clamp(2.65rem,13vw,4rem)}
  .layout{margin-bottom:12px}
  .article,.popular-slots{border-radius:22px}
  .section-block{padding:31px 18px}
  .section-head{grid-template-columns:38px 1fr;gap:11px;margin-bottom:24px}
  .section-head>span{width:36px;height:36px}
  .provider-grid{grid-template-columns:1fr}
  .popular-slots{padding:25px 18px;margin-bottom:12px}
  .slots-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}
  .slots-grid img{border-radius:7px}
  .footer{grid-template-columns:auto 1fr;padding:14px;border-radius:20px}
  .footer>a{grid-column:2}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}