
:root{--bg:#080d1c;--navy:#10162a;--card:#fff;--ink:#192138;--muted:#657086;--accent:#d92b58;--gold:#e9bc76;--line:#e4e8f0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f6fa;color:var(--ink);font:16px/1.78 system-ui,-apple-system,Segoe UI,sans-serif}a{color:#ae2350}a:hover{text-decoration-thickness:2px}.wrap{max-width:1200px;width:calc(100% - 48px);margin:auto}.topbar{background:var(--bg);border-bottom:1px solid #31364a}.top-inner{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand img{width:154px;height:auto;max-height:62px;object-fit:contain}.nav{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.nav a{color:#f3f0f4;text-decoration:none;font-size:.91rem;font-weight:750}.nav a:hover{color:var(--gold)}.hamburger{display:none;background:transparent;color:white;border:1px solid #586078;border-radius:9px;font-size:24px;padding:3px 12px}.hero{background:#10182b;position:relative;color:white;isolation:isolate;overflow:hidden;min-height:465px}.hero:before{content:'';position:absolute;inset:0;z-index:-2;background:url('./hero-onabet-bet.webp') center 48%/cover no-repeat}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#080d1c 0%,#080d1cf4 32%,#080d1cb0 53%,#080d1c24 100%)}.hero .wrap{padding:76px 0 75px}.hero.compact{min-height:330px}.hero.compact .wrap{padding:52px 0}.hero-text{max-width:690px}.eyebrow{color:var(--gold);font-size:.76rem;letter-spacing:.2em;text-transform:uppercase;font-weight:900}.hero h1{font-size:clamp(2.55rem,5.6vw,4.8rem);line-height:1.07;letter-spacing:-.052em;margin:19px 0 22px}.hero.compact h1{font-size:clamp(2.15rem,4.6vw,3.7rem)}.hero p{color:#e4e3ea;font-size:1.18rem;max-width:630px;margin:0 0 23px}.affiliate-cta{background:var(--accent);color:white;border:0;border-radius:12px;font:800 1rem system-ui,sans-serif;padding:16px 27px;min-height:56px;box-shadow:0 12px 28px #d92b583b}.affiliate-cta:disabled{opacity:1;cursor:default}.affiliate-cta:not(:disabled){cursor:pointer}.affiliate-cta:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.subline{margin-top:18px;font-size:.85rem;color:#cbd0d9}.crumb{margin:24px 0 0;color:#687188;font-size:.88rem}.layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:55px;padding:39px 0 100px}.main{min-width:0}.lead{font-size:1.14rem;color:#42506a;margin:0 0 27px}.main section{scroll-margin-top:24px}.main h2{font-size:clamp(1.55rem,3vw,2.05rem);line-height:1.25;letter-spacing:-.028em;margin:47px 0 19px}.main h3{font-size:1.14rem;margin:20px 0 8px}.main p{margin:0 0 18px}.toc,.aside-box,.faq-card,.topic-card{background:white;border:1px solid var(--line);border-radius:18px;box-shadow:0 10px 30px #1d284008}.toc{padding:23px 28px;margin:24px 0 35px}.toc strong{display:block;margin-bottom:12px}.toc a{display:block;padding:5px 0;text-decoration:none;font-weight:700}.aside-box{padding:25px;position:sticky;top:20px}.aside-box h2{margin:0 0 14px;font-size:1.14rem}.aside-box a{display:block;text-decoration:none;padding:10px 0;border-bottom:1px solid #edf0f4;font-weight:680}.aside-box a:last-child{border:0}.facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:26px 0}.fact{background:#141d34;color:white;border-radius:14px;padding:17px}.fact strong{display:block;color:var(--gold);font-size:1.03rem}.fact span{display:block;font-size:.85rem;color:#d5d9e2}.topics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:25px 0}.topic-card{padding:24px;text-decoration:none}.topic-card strong{display:block;font-size:1.14rem;color:#9c1c45}.topic-card span{display:block;color:#5f6c82;margin-top:6px}.notice{background:#fff2e7;border-left:5px solid #cb8c36;padding:19px 22px;border-radius:0 12px 12px 0;margin:26px 0}.faq-card{padding:18px 24px;margin:13px 0}.faq-card h3{margin:0 0 7px}.faq-card p{margin:0}.footer{background:var(--bg);color:#d8dce7;padding:46px 0}.footer-inner{display:grid;grid-template-columns:1.4fr 1fr;gap:36px}.footer a{color:#f4c88a;margin:0 14px 10px 0;display:inline-block}.footer p{font-size:.9rem}.footer strong{color:white}
@media(max-width:980px){.hamburger{display:block}.nav{display:none;position:absolute;z-index:20;top:85px;left:0;right:0;background:#0b1122;padding:24px;flex-direction:column;align-items:flex-start;gap:15px}.nav.open{display:flex}.layout{grid-template-columns:1fr;gap:10px}.aside-box{position:static}.hero:after{background:linear-gradient(90deg,#080d1cfb 0%,#080d1cda 70%,#080d1c7a 100%)}}
@media(max-width:600px){.wrap{width:calc(100% - 30px)}.top-inner{min-height:72px}.nav{top:71px}.hero .wrap{padding:55px 0}.hero.compact .wrap{padding:38px 0}.hero h1{font-size:2.7rem}.hero p{font-size:1.02rem}.facts,.topics,.footer-inner{grid-template-columns:1fr}.layout{padding:30px 0 65px}.toc{padding:19px}.main h2{margin-top:34px}}
