.media-container{max-width:1120px;margin:0 auto}.media-hub{display:flex;flex-direction:column;gap:2rem;margin-top:2.5rem}.channel-cards{display:grid;grid-template-columns:1fr;gap:1.2rem}@media(min-width:768px){.channel-cards{grid-template-columns:1fr 1fr}}.channel-card{position:relative;padding:1.5rem!important;display:flex;flex-direction:column;gap:1.2rem;overflow:hidden;border-radius:24px;background:#1e1e1e;border:1px solid rgba(255,255,255,.05);transition:all .3s cubic-bezier(.4,0,.2,1)}.channel-card-bg{position:absolute;top:0;right:0;width:150px;height:150px;filter:blur(60px);opacity:.15;pointer-events:none;z-index:0;transition:opacity .3s ease}.twitch-card .channel-card-bg{background:#9146ff}.youtube-card .channel-card-bg{background:red}.channel-card:hover{transform:translateY(-4px);border-color:#ffffff1a;box-shadow:0 20px 40px #0000004d}.channel-card:hover .channel-card-bg{opacity:.3}.channel-card-content{position:relative;z-index:1;display:flex;flex-direction:row;align-items:center;gap:1.25rem;flex-wrap:wrap}.channel-avatar-wrap{position:relative;width:4.5rem;height:4.5rem;flex-shrink:0}.channel-avatar{width:100%;height:100%;border-radius:18px;object-fit:cover;border:2px solid rgba(255,255,255,.1)}.channel-status-badge{position:absolute;bottom:-6px;left:50%;transform:translate(-50%);background:#ef4444;color:#fff;font-size:.65rem;font-weight:900;padding:.15rem .5rem;border-radius:6px;letter-spacing:.05em;box-shadow:0 4px 10px #ef444466}.channel-status-badge.yt{background:red;box-shadow:0 4px 10px #f006}.channel-info{flex-grow:1}.channel-info h3{font-size:1.35rem;font-weight:800;color:#fff;margin:0 0 .2rem;font-family:Montserrat,sans-serif}.channel-stats{display:flex;align-items:baseline;gap:.4rem}.stat-value{font-size:1.1rem;font-weight:700;color:var(--accent-2)}.stat-label{font-size:.85rem;color:var(--muted);text-transform:lowercase}.channel-btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:.75rem 1.25rem;border-radius:14px;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .2s ease;width:100%}@media(min-width:480px){.channel-btn{width:auto;margin-left:auto}}.twitch-btn{background:#9146ff;color:#fff;box-shadow:0 4px 15px #9146ff4d}.youtube-btn{background:red;color:#fff;box-shadow:0 4px 15px #ff00004d}.channel-btn:hover{filter:brightness(1.1);transform:scale(1.02)}.channel-btn svg{width:1.1rem;height:1.1rem;transition:transform .2s ease}.channel-btn:hover svg{transform:translate(3px)}.media-videos-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:768px){.media-videos-grid{grid-template-columns:repeat(3,1fr)}}.video-promo-card{display:flex;flex-direction:column;gap:1rem;text-decoration:none;border-radius:20px;padding:.75rem;transition:background-color .3s ease,transform .3s ease,border-color .3s ease;border:1px solid transparent;background:transparent;will-change:transform,background-color}.video-promo-card.is-latest{border-color:color-mix(in srgb,var(--accent) 45%,transparent)}.video-promo-card.ambient-bronze{--ambient-hover: rgba(47, 37, 25, .6)}.video-promo-card.ambient-blue{--ambient-hover: rgba(25, 34, 47, .6)}.video-promo-card.ambient-copper{--ambient-hover: rgba(47, 32, 24, .6)}.video-promo-card:hover{background-color:var(--ambient-hover, rgba(255, 255, 255, .08));transform:translateY(-2px)}.video-promo-card.is-latest:hover{border-color:var(--accent)}.video-promo-thumb{position:relative;aspect-ratio:16 / 9;border-radius:14px;overflow:hidden;background:#111;border:1px solid rgba(255,255,255,.05);transform:translateZ(0)}.video-new-badge{position:absolute;top:8px;left:8px;background:red;color:#fff;padding:2px 7px;border-radius:4px;font-size:.65rem;font-weight:900;z-index:2;box-shadow:0 4px 10px #ff00004d;letter-spacing:.02em}.video-duration-badge{position:absolute;bottom:6px;right:6px;background:#000000d9;color:#fff;padding:1px 5px;border-radius:4px;font-size:.75rem;font-weight:600;z-index:2}.video-promo-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;will-change:transform}.video-promo-overlay{position:absolute;inset:0;background:#0003;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.video-promo-play{width:3.8rem;height:auto;display:flex;align-items:center;justify-content:center;transform:scale(.85);transition:transform .3s ease;will-change:transform}.video-promo-play svg{width:100%;height:auto}.video-promo-card:hover .video-promo-thumb img{transform:scale(1.03)}.video-promo-card:hover .video-promo-overlay{opacity:1}.video-promo-card:hover .video-promo-play{transform:scale(1.05)}.video-promo-info{padding:0 .25rem}.video-promo-info h4{font-size:1.05rem;font-weight:600;color:#f1f1f1;margin:0 0 .4rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s ease;font-family:Inter,sans-serif}.video-meta{display:flex;align-items:center;gap:.3rem;font-size:.85rem;color:#aaa;font-weight:400}.video-views{text-transform:none;letter-spacing:normal;color:inherit;font-weight:inherit;margin-bottom:0}.video-meta-divider{opacity:.8;margin:0 1px}.video-promo-card:hover h4{color:#fff}@keyframes pulse-twitch{0%{transform:scale(.95);box-shadow:0 0 #9146ffb3}70%{transform:scale(1);box-shadow:0 0 0 10px #9146ff00}to{transform:scale(.95);box-shadow:0 0 #9146ff00}}.onboarding-interactive{display:grid;grid-template-columns:1.2fr 1.8fr;gap:2.5rem;align-items:stretch;margin-top:var(--section-gap-m);overflow:visible}.onboarding-nav{display:grid;gap:var(--grid-gap);overflow:visible}.onboarding-nav-item{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:0!important;padding:1.15rem 1.15rem 1.25rem!important;border-radius:18px;border:1px solid rgba(255,255,255,.05);background:#ffffff03;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;color:inherit;width:100%;text-align:left;appearance:none;-webkit-appearance:none;outline:none;opacity:1;position:relative;transform:translate(0);will-change:background-color,border-color;transition:background-color .25s ease,border-color .25s ease,box-shadow .3s ease}.onboarding-nav-item:hover,.onboarding-nav-item.is-active{background:#1e1e1e}.onboarding-nav-item:hover{border-color:#ffffff1f}.onboarding-nav-item.is-active{border-color:color-mix(in srgb,var(--accent) 40%,transparent);box-shadow:0 12px 30px color-mix(in srgb,var(--accent) 8%,transparent)}.onboarding-nav-item.is-active:after{content:"";position:absolute;top:50%;left:100%;width:calc(2.5rem + 1px);height:2px;border-radius:999px;background:var(--accent);box-shadow:0 0 12px color-mix(in srgb,var(--accent) 30%,transparent);transform:translateY(-50%);pointer-events:none;transition:opacity .3s ease}.onboarding-nav-item:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.onboarding-nav-no{flex:none;display:inline-flex;align-items:center;justify-content:center;width:2.85rem;height:2.85rem;margin-bottom:.85rem!important;border-radius:.95rem;font-family:Montserrat,sans-serif;font-size:1rem;font-weight:900;color:#475569;background:#ffffff0d;border:1px solid rgba(255,255,255,.05);transition:all .22s ease}.onboarding-nav-item:hover .onboarding-nav-no,.onboarding-nav-item.is-active .onboarding-nav-no{color:color-mix(in srgb,var(--accent) 92%,#ffffff 8%);background:var(--icon-gradient);border-color:color-mix(in srgb,var(--accent) 30%,transparent);box-shadow:var(--icon-shadow-active)}.onboarding-nav-content-wrap{display:contents}.onboarding-nav-content{display:flex;flex-direction:column;gap:0;flex:1}.onboarding-nav-content .onboarding-step-tag{margin:0!important;color:#db0047!important;font-size:clamp(.74rem,.85vw,.8rem)!important;font-weight:700!important;letter-spacing:-.01em!important;line-height:1.2!important;text-transform:none!important;white-space:normal!important;opacity:1!important}.onboarding-nav-content h3{margin:.45rem 0 0!important;font-family:Montserrat,Inter,Segoe UI,sans-serif;font-size:clamp(1.08rem,1.22vw,1.24rem)!important;font-weight:900!important;line-height:1.08!important;letter-spacing:-.02em!important;color:#fff}.onboarding-nav-content p{margin:.72rem 0 0!important;color:#aab5c6!important;font-size:.87rem!important;line-height:1.52!important}.mobile-only-img{display:none}.onboarding-arrow{position:absolute;top:1.25rem;right:1.25rem;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;color:#475569;transition:all .3s ease;opacity:.5}.onboarding-nav-item:hover .onboarding-arrow,.onboarding-nav-item.is-active .onboarding-arrow{color:var(--accent);opacity:1;transform:translate(3px)}.onboarding-visual{position:sticky;top:120px;height:100%}.onboarding-visual .story-window{height:100%;display:flex;flex-direction:column;background:#1a1a1a;border:1px solid rgba(255,255,255,.08);box-shadow:0 30px 60px #00000080,inset 0 0 40px #ffffff05}.onboarding-screen-viewport{position:relative;flex:1;background:#1a1a1a;overflow:hidden}.onboarding-screen{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 58%;opacity:0;transition:opacity .4s ease;background:transparent;transform:scale(1.06)}.onboarding-screen.is-active{opacity:1}@media(max-width:1024px){.onboarding-interactive{display:flex;flex-direction:column;gap:1.25rem;margin-top:2rem}.onboarding-visual{display:none}.onboarding-nav-item{display:flex!important;flex-direction:column!important;align-items:flex-start!important;padding:1.15rem 1.15rem 1.25rem!important;background:#1e1e1e!important;border:1px solid rgba(255,255,255,.05)!important;opacity:1!important;filter:none!important;transform:none!important;border-radius:18px;overflow:hidden;position:relative;min-height:auto;z-index:1}.onboarding-nav-item.is-active:after{display:none}.onboarding-nav-no{margin-bottom:.85rem!important;background:var(--icon-gradient)!important;box-shadow:var(--icon-shadow)!important;color:color-mix(in srgb,var(--accent) 92%,#ffffff 8%)!important}.onboarding-nav-content h3{margin-top:.45rem!important;text-shadow:0 1px 4px rgba(0,0,0,.8)}.onboarding-nav-content p{margin-top:.72rem!important;max-width:60%;text-shadow:0 1px 3px rgba(0,0,0,.6)}.mobile-only-img{display:block!important;position:absolute!important;top:0;right:0;bottom:0;width:180px;margin:0!important;border-radius:0;border:none!important;z-index:1!important;background:#000;-webkit-mask-image:linear-gradient(to left,black 70%,transparent 100%);mask-image:linear-gradient(to left,black 70%,transparent 100%);opacity:.4!important}.mobile-only-img img{width:100%;height:100%;object-fit:cover}.onboarding-arrow{display:none}}.faq-section[data-astro-cid-j7pv25f6]{margin-top:var(--section-gap-xl)}.faq-list[data-astro-cid-j7pv25f6]{display:flex;flex-direction:column;gap:.85rem;margin-top:2rem}.faq-card[data-astro-cid-j7pv25f6]{border-radius:16px;background:color-mix(in srgb,var(--surface-2) 30%,transparent);border:1px solid rgba(255,255,255,.05);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.faq-card[data-astro-cid-j7pv25f6]:before{content:"";position:absolute;inset:0;background:var(--icon-gradient);opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:0}.faq-card[data-astro-cid-j7pv25f6]>[data-astro-cid-j7pv25f6]{position:relative;z-index:1}.faq-card[data-astro-cid-j7pv25f6]:hover{border-color:color-mix(in srgb,var(--accent) 40%,transparent);box-shadow:0 12px 30px color-mix(in srgb,var(--accent) 8%,transparent);transform:translateY(-2px)}.faq-card[data-astro-cid-j7pv25f6].is-active{border-color:color-mix(in srgb,var(--accent) 70%,transparent);background:#1e1e1e;box-shadow:0 16px 36px color-mix(in srgb,var(--accent) 16%,transparent);transform:translateY(-2px)}.faq-card[data-astro-cid-j7pv25f6].is-active:before{opacity:.05}.faq-card-trigger[data-astro-cid-j7pv25f6]{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;padding:1.25rem 1.5rem;cursor:pointer;background:transparent;border:none;text-align:left;font-family:inherit}.faq-card-trigger[data-astro-cid-j7pv25f6]:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 70%,white 30%);outline-offset:-2px;border-radius:16px}.faq-card-title[data-astro-cid-j7pv25f6]{font-family:Montserrat,Inter,Segoe UI,sans-serif;font-size:clamp(1.05rem,1.2vw,1.15rem);font-weight:700;color:#fff;line-height:1.3;letter-spacing:-.01em;transition:color .2s ease}.faq-card[data-astro-cid-j7pv25f6]:hover .faq-card-title[data-astro-cid-j7pv25f6]{color:color-mix(in srgb,var(--accent) 25%,#ffffff 75%)}.faq-card[data-astro-cid-j7pv25f6].is-active .faq-card-title[data-astro-cid-j7pv25f6]{color:var(--accent-2)}.faq-card-icon[data-astro-cid-j7pv25f6]{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:2.2rem;height:2.2rem;border-radius:50%;background:color-mix(in srgb,#ffffff 6%,transparent);color:var(--muted);transition:transform .4s cubic-bezier(.34,1.56,.64,1),background-color .2s ease,color .2s ease,box-shadow .2s ease}.faq-card-icon[data-astro-cid-j7pv25f6] svg[data-astro-cid-j7pv25f6]{width:1.2rem;height:1.2rem}.faq-card[data-astro-cid-j7pv25f6]:hover .faq-card-icon[data-astro-cid-j7pv25f6]{background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--accent-2)}.faq-card[data-astro-cid-j7pv25f6].is-active .faq-card-icon[data-astro-cid-j7pv25f6]{transform:rotate(180deg);background:var(--icon-gradient);color:#fff;box-shadow:0 0 15px color-mix(in srgb,var(--accent) 40%,transparent)}.faq-card-content[data-astro-cid-j7pv25f6]{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s cubic-bezier(.4,0,.2,1)}.faq-card[data-astro-cid-j7pv25f6].is-active .faq-card-content[data-astro-cid-j7pv25f6]{grid-template-rows:1fr}.faq-card-body[data-astro-cid-j7pv25f6]{overflow:hidden;min-height:0}.faq-card-body[data-astro-cid-j7pv25f6]>p[data-astro-cid-j7pv25f6]{margin:0;padding:0 1.5rem 1.5rem;font-size:.95rem;line-height:1.6;color:#aab5c6;opacity:0;transform:translateY(-8px);transition:opacity .3s ease,transform .3s cubic-bezier(.4,0,.2,1)}.faq-card[data-astro-cid-j7pv25f6].is-active .faq-card-body[data-astro-cid-j7pv25f6]>p[data-astro-cid-j7pv25f6]{opacity:1;transform:translateY(0);transition-delay:.1s}.ip-modal[data-astro-cid-j7pv25f6]{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1.5rem;transition:opacity .3s ease}.ip-modal[data-astro-cid-j7pv25f6][hidden]{display:none;opacity:0;pointer-events:none}.ip-modal-backdrop[data-astro-cid-j7pv25f6]{position:absolute;inset:0;background:#000000d9;backdrop-filter:blur(8px)}.ip-modal-card[data-astro-cid-j7pv25f6]{position:relative;z-index:2;width:100%;max-width:480px;background:#1e1e1e;border:1px solid rgba(255,255,255,.1);border-radius:28px;padding:2.2rem;box-shadow:0 30px 60px #0009;animation:modal-in .4s cubic-bezier(.34,1.56,.64,1)}@keyframes modal-in{0%{transform:scale(.9) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.ip-modal-close[data-astro-cid-j7pv25f6]{position:absolute;top:1.25rem;right:1.25rem;width:2.5rem;height:2.5rem;border-radius:50%;background:#ffffff0d;border:1px solid rgba(255,255,255,.05);color:#fff;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.ip-modal-close[data-astro-cid-j7pv25f6]:hover{background:#ffffff1a;transform:rotate(90deg)}.ip-modal-card[data-astro-cid-j7pv25f6] h3[data-astro-cid-j7pv25f6]{font-family:Montserrat,sans-serif;font-size:1.6rem;font-weight:900;margin:0 0 .6rem;color:#fff}.ip-modal-card[data-astro-cid-j7pv25f6] p[data-astro-cid-j7pv25f6]{color:var(--muted);font-size:.95rem;line-height:1.5;margin-bottom:2rem}.ip-modal-list[data-astro-cid-j7pv25f6]{display:flex;flex-direction:column;gap:1rem}.ip-modal-item[data-astro-cid-j7pv25f6]{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.2rem 1.4rem;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:18px;transition:all .2s ease}.ip-modal-item[data-astro-cid-j7pv25f6]:hover{background:#ffffff0d;border-color:#ffffff1f}.ip-modal-item-info[data-astro-cid-j7pv25f6]{display:flex;flex-direction:column;gap:.2rem;flex:1 1 auto;min-width:0}.ip-modal-item-label[data-astro-cid-j7pv25f6]{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--accent)}.ip-modal-item-value[data-astro-cid-j7pv25f6]{font-family:JetBrains Mono,Menlo,monospace;font-size:1.15rem;font-weight:700;color:#fff}.ip-modal-item-hint[data-astro-cid-j7pv25f6]{font-size:.75rem;color:#64748b;margin-top:.2rem}.ip-modal-copy-btn[data-astro-cid-j7pv25f6]{flex:0 0 3rem;width:3rem;height:3rem;padding:0;border-radius:14px;background:var(--icon-gradient);border:1px solid rgba(255,255,255,.1);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:var(--icon-shadow)}.ip-modal-copy-btn[data-astro-cid-j7pv25f6]:hover{transform:scale(1.05);filter:brightness(1.1)}.ip-modal-copy-btn[data-astro-cid-j7pv25f6].is-success{background:#22c55e!important;box-shadow:0 0 20px #22c55e66}.ip-modal-item-value[data-astro-cid-j7pv25f6].is-copied{color:#22c55e}.ip-modal-copy-btn[data-astro-cid-j7pv25f6] svg[data-astro-cid-j7pv25f6]{width:1.3rem;height:1.3rem;display:block}.ip-copy-icon-success[data-astro-cid-j7pv25f6]{display:none!important}.ip-modal-copy-btn[data-astro-cid-j7pv25f6].is-success .ip-copy-icon-default[data-astro-cid-j7pv25f6]{display:none}.ip-modal-copy-btn[data-astro-cid-j7pv25f6].is-success .ip-copy-icon-success[data-astro-cid-j7pv25f6]{display:block!important}.ip-modal-close[data-astro-cid-j7pv25f6]{position:absolute;top:1.2rem;right:1.2rem;width:2.4rem;height:2.4rem;padding:0;border-radius:50%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.ip-modal-close[data-astro-cid-j7pv25f6]:hover{background:#ffffff26;transform:rotate(90deg)}.ip-modal-close[data-astro-cid-j7pv25f6] svg[data-astro-cid-j7pv25f6]{width:1.1rem;height:1.1rem;display:block}body.ip-modal-open{overflow:hidden}@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media(prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}[data-astro-transition-scope]{animation:none!important}}
