:root{--bg:#0d0818;--panel:#1c102b;--panel2:#281638;--line:#4b315c;--txt:#f7f3fa;--muted:#c9bdd3;--pink:#d21eea;--lime:#c8fc80}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--txt);font:16px/1.75 system-ui,-apple-system,Segoe UI,sans-serif}a{color:#e6a8fa;text-decoration:none}a:hover{text-decoration:underline}.wrap{width:min(1160px,calc(100% - 40px));margin:auto}.top{background:#13091ff5;border-bottom:1px solid #69317e;position:sticky;top:0;z-index:10;backdrop-filter:blur(10px)}.top-inner{min-height:80px;display:flex;align-items:center;gap:23px;justify-content:space-between}.brand img{width:139px;height:auto;display:block}.nav{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.nav a{color:#fff;font-weight:650;font-size:.85rem}.nav a:hover{color:#f9b3ff}.cta{background:linear-gradient(115deg,#d41dea,#9423c7);border:0;border-radius:10px;padding:14px 20px;color:#fff;font:800 .95rem system-ui,sans-serif;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 12px 32px #a31dbb55;cursor:pointer}.cta:disabled{opacity:1;cursor:default}.menu{display:none;color:#fff;background:#251336;border:1px solid #78488b;border-radius:8px;padding:8px 12px}.hero{isolation:isolate;position:relative;overflow:hidden;min-height:490px;background:linear-gradient(110deg,#12071f,#26123d)}.hero:before{content:'';position:absolute;inset:0 0 0 49%;z-index:-2;background:url('./hero-futebol.webp') center 38%/cover no-repeat}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#10081cfb 0%,#150b24fa 34%,#160b24dc 53%,#160b2410 91%)}.hero-inner{max-width:640px;padding:74px 0 77px}.hero .eyebrow{font-size:.8rem;letter-spacing:.17em;font-weight:800;color:var(--lime);text-transform:uppercase}.hero h1{font-size:clamp(3rem,6vw,5.4rem);line-height:1.06;letter-spacing:-.05em;margin:13px 0 18px}.hero h1 span{color:#e765ff}.hero p{font-size:1.17rem;line-height:1.6;color:#f0e7f4;max-width:590px}.hero .cta{margin-top:12px;font-size:1.05rem;padding:16px 30px}.hero.inner{min-height:330px}.hero.inner:before{opacity:.42}.hero.inner .hero-inner{padding:47px 0 53px}.hero.inner h1{font-size:clamp(2.2rem,4.4vw,3.65rem)}.crumb{font-size:.86rem;color:#d7b9e6;margin-bottom:16px}.crumb a{color:#d7b9e6}.stats{background:#140d22;border-bottom:1px solid #3c264d}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:20px 0}.stat{border-left:2px solid var(--pink);padding-left:15px}.stat strong{display:block;font-size:.96rem}.stat span{font-size:.86rem;color:var(--muted)}main{padding:52px 0 75px}.kicker{color:var(--lime);text-transform:uppercase;font-weight:850;letter-spacing:.14em;font-size:.8rem}.section-title{font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.25;margin:10px 0 18px}.intro{font-size:1.1rem;color:#d9cce0;max-width:820px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:28px 0 43px}.card{border:1px solid #593773;background:linear-gradient(145deg,#2a173b,#160e22);border-radius:16px;padding:23px;min-height:162px}.card:hover{border-color:#db6cf2;transform:translateY(-2px)}.card h3{font-size:1.16rem;margin:0 0 9px;color:#fff}.card p{margin:0;color:var(--muted);font-size:.94rem}.layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:40px}.article section{padding-bottom:17px;border-bottom:1px solid #362342}.article section:last-child{border:0}.article h2{font-size:1.68rem;line-height:1.28;margin:35px 0 12px}.article h3{margin:23px 0 8px;font-size:1.12rem}.article p,.article li{color:#e0d5e6}.article ul,.article ol{padding-left:25px}.article li{margin:9px 0}.aside{position:sticky;top:100px;align-self:start;background:#1d112c;border:1px solid #503262;border-radius:16px;padding:20px}.aside h3{margin:0 0 10px}.aside a{display:block;padding:8px 0;border-bottom:1px solid #40284e}.aside a:last-child{border:0}.callout{border:1px solid #713a8a;background:linear-gradient(115deg,#261039,#3b164c);border-radius:16px;padding:25px;margin:35px 0}.callout h2{margin:0 0 7px}.callout p{color:#e5d8ed}.note{border-left:3px solid var(--lime);background:#20112d;padding:16px 21px;margin:23px 0;border-radius:7px}.faq details{background:#1b1029;border:1px solid #4f3261;border-radius:11px;padding:14px 18px;margin:11px 0}.faq summary{font-weight:750;cursor:pointer}.faq details p{margin-bottom:3px}.calc{background:#21122e;border:1px solid #69477e;border-radius:15px;padding:24px;margin:30px 0}.calc-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.calc label{display:block;font-weight:650;font-size:.92rem}.calc input{width:100%;padding:12px 13px;border-radius:8px;background:#100b1b;color:#fff;border:1px solid #69477e;font:inherit}.calc-output{margin-top:16px;font-size:1.2rem;font-weight:750;color:var(--lime)}.calc small{color:#c6b6ce}.footer{background:#0b0712;border-top:1px solid #3b274a;padding:35px 0;color:#b9a9c6}.footer-inner{display:flex;justify-content:space-between;gap:22px;flex-wrap:wrap}.footer a{margin-right:14px}.footer small{display:block}.nav a.active{color:var(--lime)}@media(max-width:960px){.nav{gap:10px}.nav a{font-size:.77rem}.cards{grid-template-columns:repeat(2,1fr)}.layout{grid-template-columns:1fr}.aside{position:static}.hero:before{inset:0 0 0 40%}}@media(max-width:700px){.wrap{width:calc(100% - 30px)}.top-inner{flex-wrap:wrap;min-height:65px;padding:10px 0;gap:10px}.brand img{width:115px}.menu{display:block;margin-left:auto}.top .cta{font-size:.78rem;padding:10px}.nav{display:none;flex-basis:100%;padding:12px 0}.nav.open{display:flex;flex-direction:column;align-items:flex-start}.nav a{font-size:.98rem}.hero{min-height:425px}.hero:before{inset:0;opacity:.42;background-position:61% center}.hero:after{background:linear-gradient(90deg,#10081cf0,#160b24cd)}.hero-inner{padding:53px 0 61px}.hero p{font-size:1rem}.hero.inner .hero-inner{padding:40px 0 47px}.stat-grid{grid-template-columns:repeat(2,1fr)}.cards{grid-template-columns:1fr}.calc-grid{grid-template-columns:1fr}.footer-inner{display:block}}

/* H2bet Bet Brasil: modular editorial stadium experience */
:root{--bg:#100d1a;--panel:#21152d;--panel2:#2b1937;--line:#5c3b6d;--txt:#faf6ff;--muted:#d4c4dc;--pink:#ef64c8;--lime:#e3b9ff}
body{background:radial-gradient(circle at 90% 0,#2c1741,transparent 42%),#100d1a}
.top{background:#110e1deb;border-bottom-color:#6d477f}.top-inner{min-height:84px}.nav a{font-size:.83rem}
.cta{background:linear-gradient(110deg,#e94dba,#863de6);border-radius:5px 18px 5px 18px;box-shadow:0 12px 28px #8f35c055}
.hero{min-height:505px;background:#140b22}.hero:before{inset:0 0 0 51%;background-image:url('./hero-acao-arquibancada.webp');background-position:center 34%;background-size:cover}
.hero:after{background:linear-gradient(90deg,#110b20 0%,#170e25fb 32%,#1c1129df 52%,#150d2209 90%)}
.hero-inner{padding:89px 0 90px;max-width:610px}.hero h1{letter-spacing:-.06em;font-size:clamp(3.2rem,6.5vw,5.6rem)}.hero h1 span{color:#f189e4}.hero .eyebrow{color:#e7c0ff}.hero p{color:#eee5f4}
.hero.inner{min-height:330px}.hero.inner:before{opacity:.32}.hero.inner .hero-inner{padding:48px 0 54px}
.stats{background:#1a1128;border-bottom:1px solid #5c3b6d}.stat{border-left-color:#eb8bd5}
.kicker{color:#e9b5ff}.section-title{letter-spacing:-.025em}
.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.card{border-radius:18px 4px 18px 4px;background:linear-gradient(135deg,#2a193a,#1a1127);border-color:#674579;min-height:148px}.card:hover{border-color:#ef83dc;transform:translateY(-2px)}
.article section{padding-bottom:16px;border-bottom:1px solid #3e2a4a}.article section:last-child{border:0}
.aside{border-radius:4px 20px 4px 20px;background:#1c1328;border-color:#624377}
.callout{background:linear-gradient(120deg,#32163b,#452455);border-color:#9963a6}.note{border-left-color:#e0a3ff}
.footer{background:#0e0a17}
.focus-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0 34px}.focus-strip div{padding:20px;background:#24152f;border:1px solid #654278;border-radius:12px}.focus-strip strong{display:block;color:#f4b0e5}.focus-strip span{color:#d9c6df;font-size:.92rem}
@media(max-width:950px){.hero:before{inset:0 0 0 45%}.hero:after{background:linear-gradient(90deg,#110b20f9 0%,#170e25ed 45%,#1c112978 100%)}}
@media(max-width:700px){.cards,.focus-strip{grid-template-columns:1fr}.hero{min-height:440px}.hero:before{inset:0;opacity:.35;background-position:65% 30%}.hero:after{background:linear-gradient(90deg,#110b20f5,#170e25d5)}.hero-inner{padding:58px 0 62px}.hero.inner .hero-inner{padding:40px 0 46px}}