
:root{--bg:#090815;--surface:#151326;--surface2:#201b34;--line:#393251;--txt:#f7f3ff;--muted:#c5bdd8;--violet:#8b5cf6;--pink:#e74add;--lime:#d8fb8b}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--txt);font:16px/1.72 system-ui,-apple-system,"Segoe UI",sans-serif}a{color:#dfb8ff;text-decoration:none}a:hover{text-decoration:underline}button,input{font:inherit}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.header{background:#100e20ef;backdrop-filter:blur(14px);border-bottom:1px solid #40345e;position:sticky;top:0;z-index:10}.header .wrap{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo img{display:block;width:145px;height:auto}.nav{display:flex;align-items:center;gap:17px;flex-wrap:wrap}.nav a{color:#f5edff;font-size:.88rem;font-weight:700}.nav a:hover{color:#f6a1ef}.cta{border:0;background:linear-gradient(110deg,#ea41dc,#8b49f0);color:#fff;border-radius:12px;padding:13px 22px;font-weight:800;box-shadow:0 10px 28px #aa35cf55;cursor:pointer}.cta:disabled{opacity:1;cursor:default}.menu{display:none;border:1px solid #67547f;color:#fff;background:transparent;border-radius:9px;padding:7px 12px}.hero{isolation:isolate;position:relative;overflow:hidden;background:radial-gradient(ellipse at 60% 10%,#392055,#0d0a1c 65%);min-height:495px}.hero:before{content:"";position:absolute;inset:0 0 0 47%;background:url('./arena-h2bet.webp') center 40%/cover no-repeat;z-index:-2}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0b091afc 0%,#0e0b1dfb 31%,#130c24d5 49%,#130c2422 85%)}.hero .wrap{padding:82px 0 90px}.hero .hero-copy{max-width:610px}.eyebrow{font-size:.82rem;letter-spacing:.16em;text-transform:uppercase;color:var(--lime);font-weight:850}.hero h1{font-size:clamp(3.2rem,6.5vw,5.7rem);line-height:1.03;letter-spacing:-.06em;margin:16px 0 18px}.hero h1 em{font-style:normal;color:#f46fea}.hero p{font-size:1.14rem;color:#e4dcec;max-width:560px}.hero .cta{margin-top:15px;padding:16px 28px}.hero.inner{min-height:320px}.hero.inner:before{opacity:.35}.hero.inner .wrap{padding:45px 0 54px}.hero.inner h1{font-size:clamp(2.25rem,4.5vw,3.6rem);line-height:1.12}.crumb{font-size:.82rem;color:#c6b6d5;margin-bottom:16px}.crumb a{color:#c6b6d5}.strips{border-bottom:1px solid var(--line);background:#141022}.strip-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;padding:22px 0}.strip{border-left:2px solid var(--pink);padding-left:16px}.strip b{display:block}.strip span{color:var(--muted);font-size:.88rem}main{padding:48px 0 72px}.kicker{color:var(--lime);text-transform:uppercase;letter-spacing:.15em;font-size:.78rem;font-weight:800}.section-title{font-size:clamp(1.8rem,3vw,2.65rem);line-height:1.18;margin:8px 0 17px}.lead{font-size:1.08rem;color:var(--muted);max-width:850px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:26px 0 40px}.card{background:linear-gradient(135deg,#241c38,#151123);border:1px solid #4a3b65;border-radius:18px;padding:23px;min-height:166px}.card:hover{border-color:#d67de8;transform:translateY(-2px)}.card h3{color:#fff;margin:0 0 9px;font-size:1.16rem}.card p{color:var(--muted);margin:0}.columns{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:38px}.article{min-width:0}.article section{margin:0 0 35px}.article h2{font-size:1.7rem;line-height:1.26;margin:32px 0 12px}.article h3{margin:22px 0 7px}.article p,.article li{color:#d8d0e3}.article li{margin:9px 0}.aside{position:sticky;top:98px;align-self:start;border:1px solid #4c3b65;border-radius:17px;background:#181329;padding:21px}.aside h3{margin:0 0 12px}.aside a{display:block;border-bottom:1px solid #392b50;padding:9px 0}.aside a:last-child{border:0}.note{background:#1e1931;border-left:3px solid var(--lime);padding:17px 21px;border-radius:8px;margin:24px 0}.callout{padding:28px;border:1px solid #76548f;background:linear-gradient(115deg,#25163c,#381d4c);border-radius:18px;margin:35px 0}.callout h2{margin:0 0 9px}.callout p{color:#dfd4eb}.step-list{counter-reset:step;display:grid;gap:12px;margin:20px 0}.step{border:1px solid #403353;background:#1b152a;border-radius:12px;padding:14px 18px}.step b{color:var(--lime)}.faq details{background:#191428;border:1px solid #49365f;border-radius:12px;padding:15px 18px;margin:10px 0}.faq summary{cursor:pointer;font-weight:750}.faq p{margin-bottom:0}.calc{border:1px solid #624777;background:#21192f;border-radius:17px;padding:22px;margin:28px 0}.calc-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.calc label{display:block;font-weight:700}.calc input{display:block;margin-top:8px;width:100%;border:1px solid #806497;background:#100d1d;border-radius:9px;color:#fff;padding:12px}.calc output{display:block;margin-top:17px;font-weight:800;color:var(--lime)}.footer{border-top:1px solid #3b2b50;background:#0d0a19;padding:34px 0;color:#bfb3d2}.footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer a{margin-right:15px}.small{font-size:.85rem}.compare{width:100%;border-collapse:collapse;margin:22px 0}.compare th,.compare td{border:1px solid #4d3c62;text-align:left;padding:12px;vertical-align:top}.compare th{background:#251a36}.compare td{background:#151122}
@media(max-width:1000px){.nav{gap:9px}.nav a{font-size:.78rem}.columns{grid-template-columns:1fr}.aside{position:static}.hero:before{inset:0 0 0 42%}.hero:after{background:linear-gradient(90deg,#0b091afd,#0e0b1df1 46%,#130c2477)}}
@media(max-width:700px){.wrap{width:calc(100% - 30px)}.header .wrap{flex-wrap:wrap;min-height:68px;padding:9px 0}.logo img{width:115px}.menu{display:block;margin-left:auto}.header .cta{font-size:.78rem;padding:10px}.nav{display:none;flex-basis:100%;padding:9px 0}.nav.open{display:flex;flex-direction:column;align-items:flex-start}.nav a{font-size:.98rem}.hero{min-height:420px}.hero:before{inset:0;opacity:.33;background-position:64% center}.hero:after{background:linear-gradient(90deg,#0b091af5,#110d21d9)}.hero .wrap{padding:55px 0 63px}.hero.inner .wrap{padding:38px 0 45px}.hero p{font-size:1rem}.strip-grid{grid-template-columns:repeat(2,1fr)}.cards{grid-template-columns:1fr}.calc-grid{grid-template-columns:1fr}.footer .wrap{display:block}}
