:root{--ink:#0c1024;--deep:#101633;--green:#2366ff;--lime:#ff6b35;--paper:#f5f6fa;--muted:#667085;--line:#d7dbe6;--orange:#ff6b35;--blue:#2366ff}
.brand-accent{color:var(--orange)}
.logo-mark{background:linear-gradient(135deg,#ff6b35,#ff3d65);color:#fff;clip-path:polygon(0 0,100% 0,100% 30%,82% 30%,82% 70%,100% 70%,100% 100%,0 100%,0 70%,18% 70%,18% 30%,0 30%)}
.hero{background:linear-gradient(90deg,rgba(7,10,24,.98) 0%,rgba(7,10,24,.9) 34%,rgba(7,10,24,.48) 61%,rgba(7,10,24,.14) 100%),url('bracketline-homepage-banner.png') center center/cover no-repeat;min-height:650px;display:flex;flex-direction:column;justify-content:center}
.hero:after{display:none}
.hero .eyebrow,.tools aside .kicker{color:#ff8b61}
h1 em{color:#ff7b4a}.primary{background:linear-gradient(135deg,#ff7a45,#ff4e67);color:#fff;box-shadow:0 12px 30px rgba(255,78,103,.24)}
.notice span{background:#ff6b35;color:#fff}.value-strip{background:linear-gradient(100deg,#ff6b35,#ff4e67);color:#fff}.value-strip a{color:#fff}
.filter.active,.market.active,.platform-filter.active{background:#101633;border-color:#101633}.book-row.best{border-color:#2366ff}.book-row.best:after{background:#2366ff;color:#fff}.best-line strong{color:#2366ff}
.sportsbook-icon{background:#101633;color:#ff7b4a}.exchange-icon{background:#e7edff;color:#234fc5}.platform-card.exchange-card{background:#f6f8ff;border-color:#cfd8fa}.exchange-pill,.table-type.exchange{background:#e7edff;color:#234fc5}.type-pill,.table-type.sportsbook{background:#e8f0ff;color:#174bad}
.platform-card>a{background:#101633}.result{background:linear-gradient(110deg,#e9efff,#fff0e9)}footer{background:#080b1a}.copyright{border-color:#242a48}
header nav{gap:22px}.nav-bet{background:linear-gradient(135deg,#ff7a45,#ff4e67);color:#fff!important;padding:9px 12px;border-radius:6px}
@media(max-width:800px){.hero{background:linear-gradient(90deg,rgba(7,10,24,.96),rgba(7,10,24,.72)),url('bracketline-homepage-banner.png') 68% center/cover no-repeat;min-height:620px}header{height:auto;min-height:110px;flex-wrap:wrap;padding-top:10px;padding-bottom:8px}header nav{display:flex;order:3;width:100%;overflow-x:auto;gap:18px;padding:8px 0 2px}header nav a{white-space:nowrap}.state-button{padding:8px 10px}}
@media(max-width:480px){.logo{font-size:18px}.logo-mark{width:32px;height:32px}.hero{min-height:590px}}