@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Oxanium:wght@500;600;700;800&display=swap');

:root {
  --ink: #080808;
  --deep: #0d0d0d;
  --green: #d69b00;
  --lime: #f4bd24;
  --paper: #f7f6f2;
  --white: #ffffff;
  --muted: #66645d;
  --line: #dedbd2;
  --orange: #f4bd24;
  --blue: #c58b00;
}

body { font-family: "Inter", sans-serif; }
h1,h2,h3,.kicker,.eyebrow,.logo,.calc-output strong,.result strong { font-family:"Oxanium",sans-serif; }
header { gap:24px; background:rgba(247,246,242,.97); border-bottom-color:#d8d3c6; }
header .logo { flex:0 0 auto; flex-direction:column; align-items:center; gap:1px; }
header .logo:after{content:"The Smarter Way to Bet";color:#8a6500;font:700 10px/1 "Oxanium",sans-serif;letter-spacing:.13em;text-transform:uppercase;white-space:nowrap}
.logo img { display:block; width:clamp(175px,17vw,245px); height:auto; }
header nav { flex:1; justify-content:center; gap:clamp(16px,2vw,34px); }
header nav a { font-family:"Oxanium",sans-serif; font-weight:600; letter-spacing:.01em; }
.header-bet { flex:0 0 auto; margin-left:2px; padding:12px 18px; border-radius:6px; background:linear-gradient(135deg,#f8cd45,#dca20b); color:#080808; text-decoration:none; font:700 14px "Oxanium",sans-serif; box-shadow:0 8px 20px rgba(198,143,0,.2); }
.header-bet:hover { background:#ffd85e; transform:translateY(-1px); }
.notice { background:#080808; color:#d9d6ce; }
.notice span { background:#f4bd24; color:#080808; }
.state-picker::before { color:#c58b00; }
.state-picker select { background:#fff; border-color:#d6d0c1; font-family:"Inter",sans-serif; }
.state-status { background:#fff8df; border-bottom-color:#ead28b; color:#625019; }
.state-status strong { color:#17130a; }
.hero { background:linear-gradient(90deg,rgba(0,0,0,.98) 0%,rgba(0,0,0,.9) 39%,rgba(0,0,0,.45) 68%,rgba(0,0,0,.16) 100%),url('bracketline-homepage-banner.png') center/cover no-repeat; }
.hero:before{content:"";position:absolute;right:6%;top:54px;width:clamp(150px,21vw,310px);aspect-ratio:1;background:url('/bracketline-icon.png') center/contain no-repeat;opacity:.24;filter:drop-shadow(0 18px 28px rgba(0,0,0,.35));pointer-events:none}.hero>*{position:relative;z-index:1}.page-hero{position:relative;overflow:hidden}.page-hero:after{content:"";position:absolute;right:max(4vw,20px);top:50%;transform:translateY(-50%);width:clamp(120px,17vw,240px);aspect-ratio:1;background:url('/bracketline-icon.png') center/contain no-repeat;opacity:.18;pointer-events:none}.page-hero>*{position:relative;z-index:1}.odds-section,.platforms,.page-content{background-image:radial-gradient(circle at 98% 2%,rgba(244,189,36,.08),transparent 19%)}
.sport-week-nav{display:flex;gap:7px;overflow-x:auto;margin:18px 0 8px;padding-bottom:6px}.sport-day{min-width:92px;border:1px solid #ddd7c8;background:#fff;padding:9px 12px;border-radius:7px;cursor:pointer;text-align:left}.sport-day small,.sport-day strong{display:block}.sport-day small{color:var(--muted);font-size:11px}.sport-day.active{background:#111;color:#f4bd24;border-color:#111}.sport-day.active small{color:#ddd}.sport-week-label{display:block;color:var(--muted);font-size:13px;margin-bottom:4px}
.hero .eyebrow,.hero h1 em,.tools aside .kicker,.kicker,.page-hero .kicker { color:#f4bd24; }
.primary,.continue-button,.nav-bet { background:linear-gradient(135deg,#f8cd45,#dca20b); color:#080808!important; box-shadow:0 10px 24px rgba(198,143,0,.2); }
.secondary { border-color:#8f711e; }
.value-strip { background:linear-gradient(105deg,#f6c52e,#d79a00); color:#080808; }
.value-strip a { color:#080808; }
.filter.active,.market.active,.platform-filter.active,.sport-switch button.active,.tool-tabs button.active { background:#0b0b0b; border-color:#0b0b0b; }
.book-row.best { border-color:#d79a00; }
.book-row.best:after { background:#f4bd24; color:#080808; }
.best-line strong,.active-nav,.directory-item a,.odds-price { color:#b57b00!important; }
.best-price { background:#fff2c6; }
.page-hero,.bet-summary,.lesson { background:linear-gradient(135deg,#111,#050505); }
.panel,.match-card,.directory-item,.tool-card,.term,.bet-builder,.page-table,.odds-card,.platform-card { border-color:#ddd7c8; box-shadow:0 9px 28px rgba(15,12,4,.035); }
.calc-output,.result { background:linear-gradient(120deg,#fff3c8,#fff); }
.fee-explainer { background:#fff4cc; border-color:#ead28b; }
.bet-summary .fee-line { color:#f4bd24; }
.platform-card>a { background:#0b0b0b; }
footer { background:#080808; }
.footer-brand .logo { display:inline-flex; flex-direction:column; align-items:center; gap:3px; padding:9px 12px; border-radius:6px; background:#fff; }
.footer-brand .logo:after{content:"The Smarter Way to Bet";color:#9a6b00;font:700 10px/1 "Oxanium",sans-serif;letter-spacing:.12em;text-transform:uppercase}
.footer-brand .logo img { width:210px; }

@media(max-width:900px){
  header { height:auto; min-height:108px; flex-wrap:wrap; padding-top:10px; padding-bottom:8px; gap:12px; }
  header .logo { margin-right:auto; }
  header nav { display:flex; order:4; width:100%; flex-basis:100%; overflow-x:auto; justify-content:flex-start; gap:20px; padding:8px 0 2px; }
  header nav a { white-space:nowrap; }
  .logo img { width:185px; }
  .header-bet { padding:10px 13px; }
}

@media(max-width:560px){
  header { gap:8px; }
  .logo img { width:142px; }
  .state-picker select { max-width:105px; }
  .header-bet { padding:9px 10px; font-size:12px; }
  .hero { background:linear-gradient(90deg,rgba(0,0,0,.96),rgba(0,0,0,.67)),url('bracketline-homepage-banner.png') 68% center/cover no-repeat; }
  .hero:before{right:-20px;top:80px;width:170px;opacity:.16}.page-hero:after{right:-35px;width:150px;opacity:.12}
}