: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-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}}