:root{--base:#061027;--text:#f4f8ff;--muted:color-mix(in srgb,var(--text) 68%,transparent);--accent:#6aa7ff;--panel:#0e1d44;--second:#32e0b5;--line:color-mix(in srgb,var(--accent) 35%,transparent);--radius:22px;--max:1240px;--shadow:0 22px 70px rgba(0,0,0,.24)}
*{box-sizing:border-box;min-width:0}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;background:var(--base);color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.72;overflow-x:hidden;padding-bottom:calc(86px + env(safe-area-inset-bottom,0px))}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}p{margin:0 0 1rem;overflow-wrap:break-word}.wrap{width:min(var(--max),calc(100% - 40px));margin:auto}.top{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--base) 92%,#000);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.nav{min-height:88px;display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:16px 0}.logo img{width:190px;max-width:45vw}.links{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:center;flex:1}.links a{padding:10px 16px;border:1px solid var(--line);border-radius:999px;font-weight:800;background:color-mix(in srgb,var(--panel) 78%,transparent);white-space:nowrap}.mobile-menu{display:none}.links a.active,.btn.primary{background:var(--accent);color:#07110e;border-color:var(--accent)}.actions{display:flex;gap:10px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 20px;border-radius:999px;font-weight:900;border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 70%,transparent);min-height:48px;white-space:nowrap}.btn.secondary{background:var(--second);color:#06110e;border-color:var(--second)}.hero{padding:70px 0 50px}.hero-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:42px;align-items:center}.kicker{color:var(--accent);font-weight:900;text-transform:uppercase;letter-spacing:.04em}.hero h1{font-size:clamp(40px,7vw,82px);line-height:1.05;margin:12px 0 22px;letter-spacing:0;overflow-wrap:normal}.lead{font-size:clamp(18px,2vw,23px);color:var(--muted);max-width:760px}.hero-media{position:relative;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow);background:var(--panel)}.hero-media img{width:100%;height:560px;object-fit:cover}.hero-media.contain img{object-fit:contain;background:var(--panel)}.section{padding:54px 0;border-top:1px solid color-mix(in srgb,var(--line) 55%,transparent)}.section.compact{padding:34px 0}.section h2{font-size:clamp(30px,4.5vw,58px);line-height:1.08;margin:0 0 18px;overflow-wrap:normal}.section h3{font-size:clamp(20px,2vw,28px);line-height:1.25;margin:0 0 12px}.grid{display:grid;gap:22px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:color-mix(in srgb,var(--panel) 86%,transparent);border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:0 12px 35px rgba(0,0,0,.12)}.card p{color:var(--muted)}.split{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}.feature-img{border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);background:var(--panel)}.feature-img img{width:100%;height:360px;object-fit:cover}.feature-img.contain img{object-fit:contain}.table{width:100%;border-collapse:collapse;overflow:hidden;border-radius:var(--radius);border:1px solid var(--line)}.table th,.table td{padding:16px;border-bottom:1px solid var(--line);text-align:left;overflow-wrap:break-word}.table th{background:color-mix(in srgb,var(--accent) 18%,var(--panel));width:34%}.steps{counter-reset:step;display:grid;gap:16px}.step{position:relative;padding:22px 22px 22px 72px;border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb,var(--panel) 82%,transparent)}.step:before{counter-increment:step;content:counter(step);position:absolute;left:20px;top:22px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#06110e;font-weight:900}.note{border-left:6px solid var(--second);padding:22px 24px;background:color-mix(in srgb,var(--second) 12%,var(--panel));border-radius:calc(var(--radius) / 1.5)}.faq-list{display:grid;gap:14px}.faq-item{padding:20px 22px;border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb,var(--panel) 78%,transparent)}.faq-item h3{font-size:20px}.footer{padding:54px 0 30px;background:color-mix(in srgb,var(--panel) 70%,var(--base));border-top:1px solid var(--line)}.foot-grid{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:28px}.foot-grid a,.foot-grid p{color:var(--muted)}.floating-action-bar{position:fixed;left:0;right:0;bottom:0;z-index:18;display:grid;grid-template-columns:repeat(2,minmax(0,380px));justify-content:center;gap:10px;padding:10px max(12px,calc((100vw - 780px)/2)) calc(10px + env(safe-area-inset-bottom,0px));background:color-mix(in srgb,var(--base) 88%,transparent);box-shadow:0 -16px 50px rgba(0,0,0,.22);border-top:1px solid var(--line);backdrop-filter:blur(16px)}.floating-action-bar .btn{min-height:50px;border-radius:999px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tagrow{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.tag{border:1px solid var(--line);border-radius:999px;padding:8px 14px;color:var(--muted);font-weight:800}.mini-list{display:grid;gap:10px}.mini-list a{padding:12px 14px;border-radius:14px;background:color-mix(in srgb,var(--panel) 82%,transparent);border:1px solid var(--line)}

.nav{justify-content:space-between}.hero-grid{grid-template-columns:1fr 1fr}.links a{border-radius:18px}.footer .foot-grid{grid-template-columns:1.2fr 1fr 1fr 1fr}

.home-hero h1{max-width:980px}.portal-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.portal-map,.headline-stack,.beginner-path,.casino-chips{display:grid;gap:14px}.portal-map a,.headline-stack a,.beginner-path a,.match-panel a{border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 84%,transparent);border-radius:var(--radius);padding:18px}.portal-map span,.headline-stack span,.beginner-path span{display:block;color:var(--muted);font-size:14px;margin-top:6px}

@media (max-width:900px){.wrap{width:min(100% - 28px,var(--max))}.hero{padding:42px 0}.hero-grid,.split,.grid.two,.grid.three,.grid.four,.foot-grid{grid-template-columns:1fr}.links{justify-content:flex-start}.links a{padding:9px 12px;font-size:14px}.actions{width:100%}.actions .btn{flex:1}.hero-media img{height:auto;max-height:430px;object-fit:contain}.section h2{font-size:34px}.card{padding:20px}.floating-action-bar{grid-template-columns:repeat(2,minmax(0,1fr));padding-left:12px;padding-right:12px}.floating-action-bar .btn{font-size:15px;padding:12px 10px}.top{position:relative}}
@media (max-width:1100px){.top{position:sticky!important;top:0}.nav{display:grid!important;grid-template-columns:minmax(84px,1fr) auto auto!important;align-items:center!important;gap:8px!important;min-height:68px!important;padding:9px 0!important;text-align:left!important}.logo{width:auto!important;display:flex!important;justify-content:flex-start!important}.logo img{width:min(126px,30vw)!important;max-width:126px!important}.links{display:none!important}.mobile-menu{display:block!important;justify-self:end}.mobile-menu summary{list-style:none;cursor:pointer;min-width:44px;min-height:44px;border:1px solid var(--line);border-radius:12px;display:grid;place-items:center;font-weight:900;background:color-mix(in srgb,var(--panel) 82%,transparent);white-space:nowrap}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu[open]{grid-column:1 / -1;justify-self:stretch}.mobile-menu[open] summary{width:44px;margin-left:auto}.mobile-links{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.mobile-links a{min-height:44px;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--panel) 82%,transparent);font-weight:800;white-space:nowrap;text-align:center}.actions{display:flex!important;grid-column:2!important;grid-row:1!important;width:auto!important;margin:0!important;justify-content:flex-end!important;gap:6px!important;order:initial!important}.actions .btn{flex:0 0 auto!important;min-height:44px!important;padding:8px 10px!important;font-size:13px!important;border-radius:12px!important}.hero,.brand-portal-hero,.sports-mag-hero,.casino-mag-hero,.news-ent-hero,.beginner-hero{padding:28px 0 26px!important}.hero-grid,.portal-shell,.sports-shell,.casino-shell,.news-shell,.beginner-shell,.split,.grid.two,.grid.three,.grid.four,.foot-grid{display:grid!important;grid-template-columns:1fr!important;gap:18px!important}.portal-copy,.casino-copy,.top-story{padding:22px!important}.portal-map,.beginner-path{grid-template-columns:1fr!important}.hero h1{font-size:clamp(30px,9vw,42px)!important;line-height:1.08!important}.section h2{font-size:clamp(26px,7.5vw,34px)!important;line-height:1.12!important}.lead{font-size:16px!important}.hero-media{transform:none!important}.hero-media img,.feature-img img{height:auto!important;max-height:360px!important;object-fit:contain!important}.card,.step,.note,.faq-item{padding:18px!important}.steps,.site-beginner-portal .steps{grid-template-columns:1fr!important}.step{padding-left:64px!important}.table{display:block!important;width:100%!important;overflow-x:auto!important}.table th,.table td{min-width:140px}.floating-action-bar{position:fixed!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;margin:0!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;border-radius:0!important;padding:9px 10px calc(9px + env(safe-area-inset-bottom,0px))!important}.floating-action-bar .btn{width:100%;min-height:44px!important;font-size:14px!important;padding-left:8px!important;padding-right:8px!important}.score-strip span,.casino-chips span,.tag{white-space:nowrap}.match-panel{border-left:0!important;border-top:5px solid var(--accent)!important}.footer{padding-bottom:24px!important}}
@media (max-width:520px){.wrap{width:calc(100% - 24px)!important}.nav{grid-template-columns:minmax(72px,1fr) auto auto!important}.logo img{width:min(108px,28vw)!important}.actions .btn{font-size:12px!important;min-height:44px!important;padding:7px 8px!important}.mobile-menu summary{min-width:44px;min-height:44px}.mobile-links{grid-template-columns:1fr}.hero h1{font-size:clamp(29px,9.2vw,38px)!important}.lead{font-size:16px}.section{padding:34px 0}.grid{gap:16px}.portal-actions{gap:8px}.portal-actions .btn{width:100%}}


/* Brand Experience Layer V2 homepage-only classes */
.bx-home .bx-hero{position:relative;overflow:hidden}
.bx-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);gap:clamp(1.5rem,4vw,4rem);align-items:center}
.bx-hero-copy{max-width:760px}
.bx-hero-actions,.bx-chip-row,.bx-ticker-row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin-top:1.2rem}
.bx-chip-row span,.bx-ticker-row span{border:1px solid color-mix(in srgb,var(--accent) 42%,transparent);background:color-mix(in srgb,var(--panel) 74%,transparent);border-radius:999px;padding:.65rem .9rem;font-weight:800}
.bx-hero-media img,.bx-image img{width:100%;height:auto;display:block;border-radius:var(--radius);object-fit:cover}
.bx-section-head{max-width:860px;margin-bottom:1.2rem}
.bx-section-head p,.bx-band p,.bx-jackpot p{font-size:1.05rem;line-height:1.75;color:var(--muted)}
.bx-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.bx-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:1.2rem;box-shadow:var(--shadow)}
.bx-card h3{margin-top:0}
.bx-split-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.85fr);gap:clamp(1.2rem,3vw,3rem);align-items:center}
.bx-band .wrap,.bx-jackpot .wrap{background:linear-gradient(135deg,color-mix(in srgb,var(--panel) 86%,transparent),color-mix(in srgb,var(--accent) 12%,var(--panel)));border:1px solid var(--line);border-radius:var(--radius);padding:clamp(1.4rem,4vw,3rem)}
.bx-steps{display:grid;gap:.85rem;counter-reset:item;list-style:none;padding:0;margin:0}
.bx-steps li{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.1rem;font-weight:800}
.bx-sports .bx-hero{background:radial-gradient(circle at 15% 10%,color-mix(in srgb,var(--accent) 28%,transparent),transparent 34%),linear-gradient(135deg,var(--base),color-mix(in srgb,var(--accent) 10%,var(--base)))}
.bx-casino .bx-hero,.bx-casino .bx-band .wrap{background:radial-gradient(circle at 80% 0%,rgba(255,210,120,.18),transparent 34%),linear-gradient(135deg,#120d16,color-mix(in srgb,var(--accent) 16%,#08070b))}
.bx-news .bx-hero{background:linear-gradient(90deg,color-mix(in srgb,var(--panel) 88%,var(--base)),var(--base))}
.bx-slot .bx-hero{background:radial-gradient(circle at 78% 18%,color-mix(in srgb,var(--accent) 34%,transparent),transparent 30%),linear-gradient(135deg,var(--base),#101018)}
.bx-beginner .bx-hero,.bx-app .bx-hero,.bx-entertainment .bx-hero,.bx-community .bx-hero,.bx-review .bx-hero,.bx-vip .bx-hero{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 15%,var(--base)),var(--base))}
@media (max-width: 860px){
  .bx-hero-grid,.bx-split-grid{grid-template-columns:1fr}
  .bx-card-grid{grid-template-columns:1fr}
  .bx-hero-actions .btn{min-width:0;flex:1 1 180px}
}