:root{
  --bg: #0F1613;
  --bg-raised: #16201C;
  --bg-raised-2: #1C2822;
  --line: rgba(237,232,222,0.10);
  --line-strong: rgba(237,232,222,0.18);
  --text: #EDE8DE;
  --text-dim: #A6ADA5;
  --text-faint: #74796F;
  --gold: #D9A441;
  --gold-dim: #7A6329;
  --teal: #3E8E7E;
  --red: #C25B4A;
}
*{box-sizing:border-box;margin:0;padding:0;}
body{
  background:var(--bg);
  color:var(--text);
  font-family:'Inter',system-ui,sans-serif;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,.display{
  font-family:'Archivo Expanded',sans-serif;
  letter-spacing:-0.01em;
  line-height:1.1;
}
a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}
.wrap{max-width:1180px;margin:0 auto;padding:0 20px;}

/* Ticker */
.ticker-bar{
  background:var(--bg-raised);
  border-bottom:1px solid var(--line);
  overflow:hidden;
  white-space:nowrap;
  padding:9px 0;
}
.ticker-track{
  display:inline-flex;
  gap:36px;
  animation:scroll 38s linear infinite;
  padding-left:100%;
}
.ticker-bar:hover .ticker-track{animation-play-state:paused;}
@keyframes scroll{
  from{transform:translateX(0);}
  to{transform:translateX(-100%);}
}
.tick-item{font-size:13px;color:var(--text-dim);display:inline-flex;gap:8px;align-items:center;}
.tick-item b{color:var(--text);font-weight:600;}
.dot-live{width:6px;height:6px;border-radius:50%;background:var(--red);display:inline-block;}

/* Header */
header{padding:22px 0 20px;border-bottom:1px solid var(--line);}
.header-row{display:flex;align-items:center;justify-content:space-between;}
.brand{font-size:22px;font-weight:700;letter-spacing:-0.02em;}
.brand span{color:var(--gold);}
nav{display:flex;gap:26px;font-size:14px;color:var(--text-dim);}
nav a:hover, nav a.active{color:var(--text);}

/* Hero */
.hero{padding:34px 0 30px;border-bottom:1px solid var(--line);}
.hero-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:28px;}
@media(max-width:820px){.hero-grid{grid-template-columns:1fr;}}
.kicker{font-size:13px;color:var(--gold);font-weight:600;margin-bottom:10px;}
.hero h1{font-size:34px;margin-bottom:12px;}
.hero p{color:var(--text-dim);font-size:16px;max-width:46ch;}

/* Simple page header (for sub-pages) */
.page-header{padding:34px 0 26px;border-bottom:1px solid var(--line);}
.page-header .kicker{margin-bottom:10px;}
.page-header h1{font-size:30px;margin-bottom:10px;}
.page-header p{color:var(--text-dim);font-size:15px;max-width:60ch;}

.bonus-panel{
  background:linear-gradient(160deg, var(--bg-raised-2), var(--bg-raised));
  border:1px solid var(--gold-dim);
  border-radius:6px;
  padding:22px;
}
.bonus-panel .label{font-size:12px;color:var(--gold);font-weight:600;margin-bottom:8px;}
.bonus-panel h3{font-size:19px;margin-bottom:14px;}
.bonus-panel .odds-note{font-size:13px;color:var(--text-faint);margin-bottom:16px;}
.cta{
  display:inline-block;
  background:var(--gold);
  color:#1A1408;
  font-weight:600;
  font-size:14px;
  padding:12px 20px;
  border-radius:4px;
  width:100%;
  text-align:center;
  border:none;
  cursor:pointer;
}
.cta:hover{background:#e8b654;}
.fineprint{font-size:11px;color:var(--text-faint);margin-top:12px;}

/* Section layout */
.section{padding:34px 0;border-bottom:1px solid var(--line);}
.section-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:18px;}
.section-head h2{font-size:20px;}
.section-head .view-all{font-size:13px;color:var(--text-faint);}

.sport-tabs{display:flex;gap:8px;overflow-x:auto;margin-bottom:20px;padding-bottom:2px;}
.sport-tab{
  font-size:13px;padding:7px 14px;border-radius:20px;
  border:1px solid var(--line-strong);color:var(--text-dim);
  white-space:nowrap;cursor:pointer;background:transparent;flex-shrink:0;
}
.sport-tab.active{background:var(--teal);border-color:var(--teal);color:#fff;}

.main-grid{display:grid;grid-template-columns:1fr 340px;gap:36px;}
@media(max-width:900px){.main-grid{grid-template-columns:1fr;}}

/* Score cards */
.score-list{display:flex;flex-direction:column;gap:10px;}
.score-card{background:var(--bg-raised);border:1px solid var(--line);border-radius:6px;padding:14px 16px;}
.score-top{display:flex;justify-content:space-between;font-size:11px;color:var(--text-faint);margin-bottom:10px;}
.score-top .live{color:var(--red);display:flex;align-items:center;gap:5px;}
.match-row{display:flex;justify-content:space-between;align-items:center;font-size:15px;padding:3px 0;}
.match-row .team{display:flex;align-items:center;gap:8px;}
.match-row .score{font-weight:600;font-variant-numeric:tabular-nums;}
.empty-note{color:var(--text-faint);font-size:13px;padding:18px 0;}

/* News */
.news-list{display:flex;flex-direction:column;}
.news-item{display:flex;gap:14px;padding:16px 0;border-bottom:1px solid var(--line);}
.news-item:last-child{border-bottom:none;}
.news-item img{width:88px;height:66px;object-fit:cover;border-radius:4px;background:var(--bg-raised);flex-shrink:0;}
.news-item .cat{font-size:11px;color:var(--teal);font-weight:600;margin-bottom:4px;text-transform:uppercase;letter-spacing:0.03em;}
.news-item h4{font-size:15px;font-weight:500;line-height:1.35;margin-bottom:4px;}
.news-item .meta{font-size:12px;color:var(--text-faint);}

/* Sidebar */
.side-block{background:var(--bg-raised);border:1px solid var(--line);border-radius:6px;padding:18px;margin-bottom:18px;}
.side-block h3{font-size:15px;margin-bottom:12px;}
.stat-row{display:flex;justify-content:space-between;font-size:13px;padding:7px 0;border-bottom:1px solid var(--line);}
.stat-row:last-child{border-bottom:none;}
.stat-row .val{color:var(--gold);font-weight:600;}

/* Tips */
.tips-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
@media(max-width:820px){.tips-grid{grid-template-columns:1fr;}}
.tip-card{background:var(--bg-raised);border:1px solid var(--line);border-radius:6px;padding:16px;}
.tip-card .comp{font-size:11px;color:var(--text-faint);margin-bottom:8px;text-transform:uppercase;letter-spacing:0.03em;}
.tip-card .fixture{font-size:15px;font-weight:500;margin-bottom:10px;}
.tip-card .pick{display:flex;justify-content:space-between;font-size:13px;color:var(--text-dim);border-top:1px solid var(--line);padding-top:10px;}
.tip-card .pick b{color:var(--gold);}

/* Article / prose content (review, about, bonus pages) */
.prose{max-width:72ch;}
.prose h2{font-size:20px;margin:28px 0 12px;}
.prose h2:first-child{margin-top:0;}
.prose p{color:var(--text-dim);font-size:15px;margin-bottom:14px;}
.prose ul{color:var(--text-dim);font-size:15px;margin:0 0 14px 20px;}
.prose li{margin-bottom:6px;}
.prose strong{color:var(--text);}

.info-table{width:100%;border-collapse:collapse;margin:16px 0 24px;}
.info-table tr{border-bottom:1px solid var(--line);}
.info-table td{padding:10px 0;font-size:14px;}
.info-table td:first-child{color:var(--text-faint);width:40%;}
.info-table td:last-child{color:var(--text);}

.steps-list{counter-reset:step;margin:16px 0 24px;}
.steps-list li{
  list-style:none;
  counter-increment:step;
  position:relative;
  padding-left:34px;
  margin-bottom:14px;
  font-size:15px;
  color:var(--text-dim);
}
.steps-list li::before{
  content:counter(step);
  position:absolute;left:0;top:0;
  width:22px;height:22px;
  border-radius:50%;
  background:var(--bg-raised-2);
  border:1px solid var(--gold-dim);
  color:var(--gold);
  font-size:12px;font-weight:600;
  display:flex;align-items:center;justify-content:center;
}

.badge-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px;}
.badge{font-size:12px;color:var(--teal);border:1px solid var(--teal);border-radius:20px;padding:5px 12px;}

footer{padding:30px 0 40px;}
.disclaimer{
  font-size:12px;color:var(--text-faint);
  border:1px solid var(--line);border-radius:6px;
  padding:14px 16px;line-height:1.6;
}
footer .foot-links{display:flex;gap:20px;font-size:13px;color:var(--text-dim);margin-bottom:18px;flex-wrap:wrap;}

.loading{color:var(--text-faint);font-size:13px;padding:16px 0;}