:root{--bg:#0c0817;--panel:#181026;--panel2:#231135;--line:#3e2852;--white:#f9f5ff;--muted:#c3b7d0;--accent:#d320ee;--accent2:#9135fb;--mint:#42dbc5}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font:16px/1.7 system-ui,-apple-system,Segoe UI,sans-serif}a{color:#e9a8ff;text-decoration:none}a:hover{text-decoration:underline}button{font:inherit}.shell{width:min(1160px,calc(100% - 42px));margin:auto}.top{background:#160a26;border-bottom:1px solid #633273;position:sticky;top:0;z-index:10}.top-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:76px}.brand img{width:150px;height:auto;display:block}.nav{display:flex;align-items:center;gap:17px;flex-wrap:wrap}.nav a{color:#fff;font-size:.88rem;font-weight:650}.nav a:hover{color:#f6b8ff}.menu{display:none;background:transparent;color:#fff;border:1px solid #7a468f;padding:7px 13px;border-radius:9px}.affiliate-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 24px;border:0;border-radius:11px;background:linear-gradient(110deg,#d319f1,#8c24e7);color:white;font-weight:800;box-shadow:0 12px 34px #a420d755;cursor:pointer}.affiliate-cta:disabled{cursor:default;opacity:1}.hero{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(105deg,#13071f 5%,#270b3b 58%,#0d091b);min-height:460px}.hero:before{content:"";position:absolute;inset:0 0 0 42%;z-index:-2;background:url('./h2bet-brasil-hero.webp') center center/cover no-repeat}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#12081ffb 0%,#160924f9 32%,#1c0b2cbd 52%,#1c0b2c0a 84%)}.hero-inner{padding:76px 0 74px;max-width:630px;margin-left:0}.hero .eyebrow{font-size:.82rem;letter-spacing:.14em;color:#f39bff;font-weight:850;text-transform:uppercase}.hero h1{font-size:clamp(2.8rem,6vw,5rem);line-height:1.05;letter-spacing:-.045em;margin:15px 0}.hero h1 span{color:#f263ff}.hero p{font-size:1.14rem;max-width:570px;color:#efe2f5}.hero .affiliate-cta{margin-top:12px}.hero.inner{min-height:310px}.hero.inner:before{opacity:.38}.hero.inner .hero-inner{padding:46px 0 52px}.hero.inner h1{font-size:clamp(2.25rem,4vw,3.55rem)}.crumb{font-size:.83rem;color:#d5b2e5;margin-bottom:17px}.crumb a{color:#d5b2e5}.features{border-bottom:1px solid var(--line);background:#140c22}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:22px 0}.feature{border-left:2px solid #a529d0;padding-left:15px;font-size:.9rem}.feature strong{display:block;font-size:1rem}.feature span{color:var(--muted)}main{padding:50px 0 70px}.section-label{color:#e55fff;font-size:.8rem;letter-spacing:.14em;font-weight:800;text-transform:uppercase}.section-title{font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.2;margin:9px 0 20px}.lead{max-width:800px;color:#d8cddd;font-size:1.1rem}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin:24px 0 36px}.card{background:linear-gradient(145deg,#241333,#140d22);border:1px solid #553168;border-radius:17px;padding:24px;min-height:158px;transition:transform .2s}.card:hover{transform:translateY(-3px)}.card h3{margin:0 0 9px;font-size:1.17rem}.card p{color:var(--muted);margin:0}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:38px}.article h2{font-size:1.7rem;line-height:1.3;margin:38px 0 12px}.article p{color:#dcd2e5}.article h3{margin-top:25px}.article ul,.article ol{padding-left:25px}.article li{margin:8px 0;color:#e3d7e8}.aside{align-self:start;position:sticky;top:102px;border:1px solid #4d305f;background:#1b1029;border-radius:16px;padding:22px}.aside h3{margin-top:0}.aside a{display:block;padding:8px 0;border-bottom:1px solid #3a254c}.aside a:last-child{border:0}.note{padding:19px 22px;background:#21102f;border-left:3px solid #dc4cf1;border-radius:7px;margin:24px 0;color:#eee1f6}.steps{counter-reset:steps;display:grid;gap:13px;margin:25px 0}.step{background:#1b1028;border:1px solid #49305a;padding:17px 20px;border-radius:12px}.step strong{color:#f09dff}.faq details{border:1px solid #4e2c63;border-radius:12px;margin:11px 0;padding:14px 18px;background:#190e26}.faq summary{cursor:pointer;font-weight:750}.faq p{color:#d9cfe0}.footer{border-top:1px solid #3c2450;background:#100919;padding:34px 0;color:#b8a8c4}.footer-inner{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}.footer a{margin-right:15px}.small{font-size:.88rem}.callout{background:linear-gradient(110deg,#251038,#391447);border:1px solid #773b91;border-radius:18px;padding:26px;margin:40px 0}.callout h2{margin:0 0 8px}.callout p{color:#dfcce8}.logo-panel{display:flex;align-items:center;gap:20px;background:#241036;border:1px solid #4c2a62;border-radius:15px;padding:20px;margin:25px 0}.logo-panel img{width:135px}.interface-preview{width:min(250px,100%);border-radius:16px;border:1px solid #65417b;float:right;margin:0 0 18px 25px}
@media(max-width:950px){.nav{gap:10px}.nav a{font-size:.78rem}.cards{grid-template-columns:repeat(2,1fr)}.hero:before{inset:0 0 0 35%}.hero:after{background:linear-gradient(90deg,#12081ffa 0%,#160924ee 45%,#1c0b2c55 100%)}.content-grid{grid-template-columns:1fr}.aside{position:static}}
@media(max-width:700px){.shell{width:calc(100% - 30px)}.top-inner{min-height:65px;flex-wrap:wrap;padding:10px 0}.brand img{width:122px}.menu{display:block;margin-left:auto}.top .affiliate-cta{padding:10px 12px;font-size:.8rem}.nav{display:none;flex-basis:100%;padding:10px 0}.nav.open{display:flex;flex-direction:column;align-items:flex-start}.nav a{font-size:.95rem}.hero{min-height:420px}.hero:before{inset:0;opacity:.37;background-position:65% center}.hero:after{background:linear-gradient(90deg,#14081fee,#170b24cc)}.hero-inner{padding:53px 0 58px}.hero p{font-size:1rem}.feature-grid{grid-template-columns:repeat(2,1fr)}.cards{grid-template-columns:1fr}.interface-preview{float:none;display:block;margin:20px auto}.footer-inner{display:block}}


/* H2bet BR Login — editorial sports portal */
:root{--bg:#0b0815;--panel:#171021;--panel2:#25152d;--line:#443049;--accent:#df34b8;--accent2:#7c3fff;--mint:#ffc277}
body{background:radial-gradient(ellipse 75% 400px at 70% 0,#30123d 0,transparent 75%),#0b0815}
.top{background:#0e0918ee;backdrop-filter:blur(14px);border-bottom-color:#4b2b5c}
.top-inner{min-height:86px}
.nav a{letter-spacing:.01em}
.affiliate-cta{background:linear-gradient(115deg,#f032c1,#8d32d8);border:1px solid #e670d6;border-radius:6px;box-shadow:0 13px 28px #af27a644}
.hero{background:linear-gradient(110deg,#120c20,#28132e);min-height:490px}
.hero:before{inset:0 0 0 53%;background-image:url('./hero-h2bet-acao.webp');background-position:center 27%;background-size:cover;filter:saturate(.9)}
.hero:after{background:linear-gradient(90deg,#11091dfd 0%,#170c23fa 36%,#210d29d9 54%,#140d1b10 90%)}
.hero .hero-inner{padding:82px 0 87px;max-width:610px}
.hero h1{font-size:clamp(3.15rem,6.2vw,5.35rem);letter-spacing:-.058em}
.hero h1 span{color:#f6a2d9}
.hero .eyebrow{color:#ffc277}
.hero p{color:#f1e4ed}
.hero.inner{min-height:315px}
.hero.inner .hero-inner{padding:45px 0 56px}
.hero.inner:before{opacity:.3}
.features{background:#120d1c}
.feature-grid{grid-template-columns:repeat(4,1fr);gap:10px;padding:19px 0}
.feature{border-left-color:#f0a5c8}
.section-label{color:#ffc277}
.section-title{letter-spacing:-.03em}
.cards{grid-template-columns:repeat(3,1fr);gap:14px}
.card{border-radius:4px 20px 4px 20px;border-color:#58385c;background:linear-gradient(145deg,#28172f,#140e1e);min-height:180px;padding:27px 22px}
.card:hover{border-color:#ec77d4;transform:translateY(-4px)}
.card h3{color:#ffe3f5}
.article h2{color:#fff0fa}
.article section{border-bottom:1px solid #37223e;padding-bottom:18px}
.article section:last-child{border:0}
.aside{background:#160e21;border-radius:5px 18px 5px 18px;border-color:#543260}
.note{border-left-color:#ffc277}
.callout{background:linear-gradient(110deg,#2a1238,#491a48);border-color:#b75d9d}
.footer{background:#0d0815}
@media(max-width:950px){.cards{grid-template-columns:repeat(2,1fr)}.hero:before{inset:0 0 0 47%}.hero:after{background:linear-gradient(90deg,#11091dfc 0%,#170c23f5 49%,#210d2980 100%)}}
@media(max-width:700px){.cards{grid-template-columns:1fr}.hero{min-height:430px}.hero:before{inset:0;opacity:.35;background-position:65% 25%}.hero:after{background:linear-gradient(90deg,#11091df5,#170c23de)}.hero .hero-inner{padding:54px 0 62px}.hero.inner .hero-inner{padding:38px 0 45px}.feature-grid{grid-template-columns:repeat(2,1fr)}}