.hub-page{--hub-ink:#10111a;--hub-coral:#ec4d55;--hub-cream:#f7f5f0;color:var(--hub-ink);background:var(--hub-cream)}.hub-hero{isolation:isolate;color:#fff;background:#161725;min-height:400px;position:relative;overflow:hidden}.hub-hero:before{content:"";opacity:.95;background:radial-gradient(circle at 77% 35%,#ee4858 0,#bd2f54 19%,#0000 43%),radial-gradient(circle at 18% 80%,#4b58a5 0,#0000 38%),linear-gradient(110deg,#151628,#272044);position:absolute;inset:0}.hub-noise{opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E");position:absolute;inset:0}.hub-orbit{z-index:-1;aspect-ratio:1;border:1px solid #ffffff40;border-radius:50%;width:470px;position:absolute}.hub-orbit:after{content:"";background:#ffce79;border-radius:50%;width:13px;height:13px;position:absolute;top:5%;right:15%;box-shadow:0 0 24px #ffce79}.hub-orbit-one{top:-185px;left:-150px}.hub-orbit-two{border-color:#ffffff2b;width:270px;bottom:-165px;right:12%}.hub-hero-content,.hub-shell{width:min(1160px,100% - 40px);margin:auto}.hub-hero-content{flex-direction:column;justify-content:center;min-height:400px;padding:60px 0;display:flex;position:relative}.hub-intro{max-width:720px}.hub-eyebrow{color:#ffced0;letter-spacing:.02em;align-items:center;gap:7px;font-size:13px;font-weight:700;display:inline-flex}.hub-eyebrow-dark{color:var(--hub-coral)}.hub-intro h1{letter-spacing:-.055em;margin:15px 0 12px;font-size:clamp(38px,6vw,76px);font-weight:950;line-height:1.12}.hub-intro h1 em{color:#ffcf75;font-style:normal}.hub-intro p{color:#ffffffbf;max-width:540px;margin:0;font-size:16px;line-height:2}.hub-hero-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:25px;display:flex}.hub-primary-action,.hub-secondary-action{border-radius:13px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 17px;font-size:13px;font-weight:800;transition:transform .2s,background .2s;display:inline-flex}.hub-primary-action{color:#2a1420;background:#ffcf75;box-shadow:0 10px 24px #00000024}.hub-primary-action:hover{background:#ffdb98;transform:translateY(-2px)}.hub-secondary-action{color:#fff;background:#ffffff0d;border:1px solid #ffffff45}.hub-secondary-action:hover{background:#ffffff1e}.hub-stats{color:#ffffffb8;align-items:center;gap:16px;margin-top:32px;font-size:13px;display:flex}.hub-stats strong{color:#fff;margin-left:5px;font-size:19px}.hub-stats i{background:#ffcf75;border-radius:50%;width:4px;height:4px}.hub-live-section{padding:66px 0 78px}.hub-value-section{isolation:isolate;color:#fff;background:#171827;padding:84px 0 76px;position:relative;overflow:hidden}.hub-value-section:before{content:"";z-index:-2;background:linear-gradient(124deg,#151625 0%,#242044 54%,#1b2945 100%);position:absolute;inset:0}.hub-value-grid{z-index:-1;opacity:.18;background-image:linear-gradient(#ffffff12 1px,#0000 1px),linear-gradient(90deg,#ffffff12 1px,#0000 1px);background-size:36px 36px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}.hub-value-glow{z-index:-1;aspect-ratio:1;filter:blur(20px);opacity:.5;pointer-events:none;will-change:transform;border-radius:50%;width:36rem;position:absolute}.hub-value-glow-one{background:#d6506e;animation:12s ease-in-out infinite alternate hub-value-float-one;top:-21rem;right:-9rem}.hub-value-glow-two{background:#505bc3;animation:15s ease-in-out infinite alternate hub-value-float-two;bottom:-25rem;left:-11rem}.hub-value-heading{justify-content:space-between;align-items:end;gap:32px;margin-bottom:34px;display:flex}.hub-value-heading .hub-eyebrow{color:#ffcf75}.hub-value-heading h2{letter-spacing:-.055em;margin:11px 0 0;font-size:clamp(31px,4vw,50px);font-weight:950;line-height:1.2}.hub-value-heading p{color:#ffffffa8;max-width:430px;margin:0;font-size:14px;line-height:2}.hub-benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.hub-benefit{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);min-height:222px;animation:.65s both hub-benefit-enter;animation-delay:calc(var(--benefit-index) * .11s + 80ms);background:linear-gradient(145deg,#ffffff19,#ffffff08);border:1px solid #ffffff24;border-radius:24px;padding:25px;transition:transform .3s,border-color .3s,background .3s;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff20,0 18px 45px #0000001f}.hub-benefit:after{content:"";background:#ffffff12;border-radius:50%;width:150px;height:150px;transition:transform .45s;position:absolute;top:-85px;left:-70px}.hub-benefit:hover{background:linear-gradient(145deg,#ffffff29,#ffffff0d);border-color:#ffcf7594;transform:translateY(-8px)}.hub-benefit:hover:after{transform:scale(1.5)}.hub-benefit>span{z-index:1;color:#2a1a24;background:#ffcf75;border-radius:15px;place-items:center;width:46px;height:46px;display:grid;position:relative;box-shadow:0 8px 20px #0000002b}.hub-benefit small{color:#ffffff78;letter-spacing:.12em;font-size:12px;font-weight:800;position:absolute;top:25px;left:25px}.hub-benefit h3{z-index:1;margin:22px 0 0;font-size:18px;font-weight:900;position:relative}.hub-benefit p{z-index:1;color:#ffffffa8;margin:9px 0 0;font-size:13px;line-height:2;position:relative}.hub-value-cta{background:#07081235;border:1px solid #ffffff1f;border-radius:18px;justify-content:space-between;align-items:center;gap:18px;margin-top:27px;padding:19px 22px;display:flex}.hub-value-cta p{color:#ffffffae;margin:0;font-size:14px}.hub-value-cta a{color:#25191e;background:#ffcf75;border-radius:12px;flex:none;align-items:center;gap:8px;min-height:42px;padding:0 15px;font-size:13px;font-weight:900;transition:transform .2s,background .2s;display:inline-flex;box-shadow:0 8px 20px #00000024}.hub-value-cta a:hover{background:#ffdc96;transform:translateY(-2px)}.hub-section-heading,.hub-directory-top{justify-content:space-between;align-items:end;gap:24px;margin-bottom:27px;display:flex}.hub-section-heading h2,.hub-directory h2{letter-spacing:-.045em;margin:7px 0 0;font-size:clamp(27px,3vw,38px);font-weight:950}.hub-live-label{color:var(--hub-coral);letter-spacing:.09em;align-items:center;gap:7px;font-size:12px;font-weight:900;display:inline-flex}.hub-live-label span,.hub-live-badge i{background:#f04651;border-radius:50%;width:7px;height:7px;animation:1.4s infinite hub-pulse}.hub-arrows{gap:8px;display:flex}.hub-arrows button{background:0 0;border:1px solid #dedbd5;border-radius:50%;place-items:center;width:42px;height:42px;transition:all .2s;display:grid}.hub-arrows button:hover{border-color:var(--hub-coral);color:#fff;background:var(--hub-coral)}.hub-live-slider{direction:rtl;overflow:visible}.hub-streamer-card{background:#fff;border:1px solid #e4e0d9;border-radius:20px;transition:transform .28s,box-shadow .28s;overflow:hidden;box-shadow:0 12px 28px #231f190b}.hub-streamer-card:hover{transform:translateY(-5px);box-shadow:0 20px 35px #231f191c}.hub-cover{background:#2c3154;height:130px;position:relative;overflow:hidden}.hub-cover img{object-fit:cover;width:100%;height:100%;display:block}.hub-cover-fallback{background:linear-gradient(130deg,#384b7b,#ba4b69 55%,#f2ae6f);width:100%;height:100%}.hub-live-card .hub-cover{height:175px}.hub-live-badge{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d0d149e;border:1px solid #ffffff4d;border-radius:999px;align-items:center;gap:6px;padding:5px 9px;font-size:11px;font-weight:800;display:inline-flex;position:absolute;top:12px;right:12px}.hub-live-badge i{background:#ff5b62}.hub-card-body{align-items:center;gap:11px;min-height:94px;padding:14px;display:flex;position:relative}.hub-avatar{color:#fff;background:var(--hub-coral);border:3px solid #fff;border-radius:16px;flex:none;place-items:center;width:48px;height:48px;font-size:20px;font-weight:950;display:grid;overflow:hidden;box-shadow:0 4px 12px #00000021}.hub-avatar img{object-fit:cover;width:100%;height:100%}.hub-card-copy{min-width:0}.hub-card-copy h3{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:16px;font-weight:900;overflow:hidden}.hub-card-copy p{color:#77757a;align-items:center;gap:4px;margin:3px 0 0;font-size:11px;display:flex}.hub-card-link{color:#77757a;background:#f5f3ef;border-radius:11px;flex:none;place-items:center;width:34px;height:34px;margin-right:auto;transition:all .2s;display:grid}.hub-card-link:hover{color:#fff;background:var(--hub-coral)}.hub-directory{background:#ebe9e2;padding:70px 0 90px}.hub-search{color:#76747a;background:#f9f8f4;border:1px solid #d8d5cd;border-radius:15px;align-items:center;gap:9px;width:min(440px,100%);padding:0 15px;transition:all .2s;display:flex}.hub-search:focus-within{border-color:var(--hub-coral);box-shadow:0 0 0 4px #ec4d551f}.hub-search input{width:100%;height:52px;color:var(--hub-ink);background:0 0;border:0;outline:none;font-family:inherit;font-size:14px}.hub-search input::placeholder{color:#99969b}.hub-search button{color:#8a8789;font-size:23px;line-height:1}.hub-result-count{color:#77747a;margin:0 0 16px;font-size:13px}.hub-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.hub-no-results,.hub-empty{color:#77747a;text-align:center;border:1px dashed #cfcbc2;border-radius:20px;place-items:center;gap:9px;padding:54px 22px;display:grid}.hub-no-results h3,.hub-no-results p,.hub-empty p{margin:0}.hub-no-results h3{color:var(--hub-ink);font-size:19px}.hub-no-results p{font-size:14px}.hub-empty-action{color:#fff;background:var(--hub-coral);border-radius:11px;align-items:center;min-height:40px;margin-top:8px;padding:0 14px;font-size:13px;font-weight:800;display:inline-flex}@keyframes hub-pulse{50%{opacity:.35;transform:scale(.72)}}@keyframes hub-value-float-one{0%{transform:translate(0,0)scale(1)}to{transform:translate(-68px,52px)scale(1.14)}}@keyframes hub-value-float-two{0%{transform:translate(0,0)scale(1)}to{transform:translate(72px,-42px)scale(1.12)}}@keyframes hub-benefit-enter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translate(0,0)}}@media (max-width:880px){.hub-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hub-benefits{grid-template-columns:1fr}}@media (max-width:620px){.hub-hero-content,.hub-shell{width:min(100% - 28px,1160px)}.hub-hero,.hub-hero-content{min-height:370px}.hub-intro h1{font-size:42px}.hub-section-heading,.hub-directory-top{flex-direction:column;align-items:flex-start}.hub-value-section{padding:64px 0 56px}.hub-value-heading{flex-direction:column;align-items:flex-start;gap:18px;margin-bottom:26px}.hub-value-heading h2{font-size:34px}.hub-benefit{min-height:0}.hub-value-cta{flex-direction:column;align-items:flex-start;padding:18px}.hub-directory-top{margin-bottom:18px}.hub-search{width:100%}.hub-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.hub-card-body{padding:11px}.hub-avatar{border-radius:14px;width:42px;height:42px}.hub-card-copy h3{font-size:14px}.hub-card-copy p{white-space:nowrap;text-overflow:ellipsis;max-width:84px;overflow:hidden}.hub-card-link{display:none}.hub-cover{height:104px}.hub-live-card .hub-cover{height:148px}}@media (prefers-reduced-motion:reduce){.hub-live-label span,.hub-live-badge i,.hub-value-glow,.hub-benefit{animation:none}}
.hub-live-card .hub-streamer-card:hover{border-color:var(--hub-coral);box-shadow:none;background:#fff8f8;transform:none}.hub-intro .hub-search{width:min(560px,100%);margin:16px 0}.hub-search-dark{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#10111a66;border-color:#ffffff47}.hub-search-dark input{color:#fff}.hub-search-dark input::placeholder{color:#ffffffa8}.hub-search-dark button{color:#fff}.hub-hero{min-height:506px;color:var(--hub-ink);background:#f7f5f0;border-bottom:1px solid #e7e2da}.hub-hero:before{opacity:1;background:#f7f5f0}.hub-game-shapes{z-index:0;pointer-events:none;width:min(42vw,580px);height:300px;position:absolute;bottom:26px;right:clamp(18px,5vw,92px)}.hub-hero-lines{z-index:0;aspect-ratio:1;border:1px solid #e639461c;border-radius:50%;width:min(43vw,590px);animation:5.5s cubic-bezier(.4,0,.2,1) infinite alternate hub-hero-lines-breathe;position:absolute;top:50%;left:-19%;transform:translateY(-50%);box-shadow:0 0 0 46px #e6394609,0 0 0 92px #e6394606}.hub-game-shape{fill:none;stroke:#e63946;stroke-width:3px;opacity:.16;filter:drop-shadow(0 7px 8px #e6394612);width:34px;animation:4.8s cubic-bezier(.4,0,.2,1) infinite alternate hub-game-shape-float;position:absolute;overflow:visible}.hub-game-shape-triangle{width:39px;animation-delay:-1.6s;top:6px;right:12%}.hub-game-shape-circle{opacity:.13;width:30px;animation-delay:-3.8s;top:87px;right:39%}.hub-game-shape-cross{opacity:.12;width:34px;animation-delay:-2.5s;bottom:14px;right:4%}.hub-game-shape-square{opacity:.14;width:28px;animation-delay:-.6s;bottom:64px;right:61%}.hub-game-shape-triangle-two{opacity:.11;width:27px;animation-delay:-4.2s;top:50px;right:69%}.hub-game-shape-circle-two{opacity:.1;width:36px;animation-delay:-1.1s;top:174px;right:22%}.hub-game-shape-cross-two{opacity:.13;width:26px;animation-delay:-3.1s;bottom:103px;right:80%}.hub-game-shape-square-two{opacity:.1;width:31px;animation-delay:-5s;bottom:18px;right:42%}.hub-hero-content{z-index:1;grid-template-columns:minmax(0,1.15fr) minmax(310px,.85fr);align-items:center;gap:clamp(40px,8vw,130px);min-height:506px;padding:70px 0;display:grid}.hub-intro{max-width:610px}.hub-eyebrow{color:#c92c37}.hub-intro h1{letter-spacing:-.065em;margin:15px 0 18px;font-size:clamp(42px,5.3vw,72px);line-height:1.16}.hub-intro h1 em{color:var(--hub-coral)}.hub-intro p{color:#5f5c5a;max-width:520px;font-size:16px;line-height:2.05}.hub-hero-actions{margin-top:28px}.hub-primary-action{color:#fff;background:var(--hub-coral);box-shadow:0 12px 25px #e6394630}.hub-primary-action:hover{background:#d93540}.hub-secondary-action{color:#34312f;background:#fff9;border-color:#d8d2ca}.hub-secondary-action:hover{background:#fff}.hub-hero-aside{color:#fff;background:#202020;border:1px solid #fffc;border-radius:28px;align-self:center;min-height:332px;padding:32px;animation:4.6s cubic-bezier(.4,0,.2,1) 1s infinite alternate hub-hero-panel-float;position:relative;overflow:hidden;box-shadow:18px 20px #e63946,0 24px 50px #29221b20}.hub-hero-aside:after{content:"";border:1px solid #ffffff24;border-radius:50%;width:260px;height:260px;position:absolute;top:-135px;left:-90px;box-shadow:0 0 0 35px #ffffff0b,0 0 0 70px #ffffff08}.hub-aside-topline{z-index:1;color:#ffffffa8;align-items:center;gap:8px;font-size:12px;font-weight:800;display:flex;position:relative}.hub-live-dot{background:#ff5c64;border-radius:50%;width:8px;height:8px;animation:1.4s infinite hub-pulse;box-shadow:0 0 0 5px #ff5c6426}.hub-aside-number{z-index:1;letter-spacing:-.08em;margin-top:24px;font-size:clamp(72px,8vw,108px);font-weight:950;line-height:.8;position:relative}.hub-hero-aside>p{z-index:1;color:#ffffffb8;margin:14px 0 0;font-size:14px;position:relative}.hub-aside-rule{z-index:1;background:#ffffff2b;height:1px;margin:25px 0 16px;position:relative}.hub-hero-aside .hub-stats{z-index:1;color:#ffffffa8;gap:11px;margin:0;font-size:12px;position:relative}.hub-hero-aside .hub-stats strong{color:#fff;font-size:17px}.hub-aside-search{z-index:2;margin-top:22px;display:block;position:relative;opacity:1!important;visibility:visible!important;transform:none!important}.hub-aside-search .hub-search{color:#fff;background:#ffffff12;border-color:#ffffff2b;width:100%}.hub-aside-search .hub-search input{color:#fff;height:46px;font-size:12px}.hub-aside-search .hub-search input::placeholder{color:#ffffff95}.hub-aside-search .hub-search:focus-within{border-color:#ff9197;box-shadow:0 0 0 4px #ff5c6421}.hub-aside-search .hub-search button{color:#fff}.hub-value-section{color:var(--hub-ink);background:#f7f5f0}.hub-value-section:before{background:linear-gradient(115deg,#f7f5f0 0% 54%,#f2ece5 100%)}.hub-value-grid{opacity:.35;background-image:linear-gradient(#e6394610 1px,#0000 1px),linear-gradient(90deg,#e6394610 1px,#0000 1px)}.hub-value-glow{filter:blur(30px);opacity:.24}.hub-value-glow-one{background:#e63946}.hub-value-glow-two{background:#efb7a5}.hub-value-heading .hub-eyebrow{color:#c92c37}.hub-value-heading h2{color:var(--hub-ink)}.hub-value-heading p{color:#625e59}.hub-benefit{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffa8;border-color:#e2dbd2;box-shadow:inset 0 1px #fff,0 16px 34px #30251d0d}.hub-benefit:after{background:#e6394609}.hub-benefit:hover{background:#fff;border-color:#e6394670}.hub-benefit>span{color:#fff;background:var(--hub-coral);box-shadow:0 8px 20px #e6394624}.hub-benefit small{color:#a9a19a}.hub-benefit h3{color:var(--hub-ink)}.hub-benefit p{color:#67615d}.hub-value-cta{background:#ffffff8f;border-color:#dfd7cf}.hub-value-cta p{color:#5e5853}.hub-value-cta a{color:#fff;background:var(--hub-coral);box-shadow:0 8px 20px #e6394629}.hub-value-cta a:hover{background:#d93540}@keyframes hub-game-shape-float{0%{transform:translate(0,0)rotate(-6deg)}to{transform:translate(-13px,-18px)rotate(8deg)}}@keyframes hub-hero-lines-breathe{0%{opacity:.65;transform:translateY(-50%)scale(1)}to{opacity:1;transform:translate(18px,-50%)scale(1.05)}}@keyframes hub-hero-panel-float{0%{transform:translate(0,0)}to{transform:translateY(-10px)}}@media (prefers-reduced-motion:reduce){.hub-live-dot,.hub-game-shape,.hub-hero-lines,.hub-hero-aside{animation:none}}@media (max-width:760px){.hub-hero,.hub-hero-content{min-height:auto}.hub-hero-content{grid-template-columns:1fr;gap:43px;padding:62px 0 74px}.hub-intro{max-width:610px}.hub-hero-aside{min-height:0;padding:27px 24px;box-shadow:12px 13px #e63946}.hub-game-shapes{opacity:.65;width:62vw;height:220px;bottom:4px;right:0}.hub-game-shape{width:42px}}
