.page-shell{width:min(1200px,100%);margin:0 auto;padding:clamp(1.5rem,4vw,3rem) 1.5rem 3rem}.section-heading{font-size:clamp(1.75rem,2.5vw,2.5rem);font-weight:700;margin-bottom:2rem}.state-block{display:flex;flex-direction:column;gap:.75rem;align-items:center;justify-content:center;padding:3rem 1.5rem;border-radius:1rem;border:1px solid rgba(255,255,255,.1);background:#0f172a99;color:#e2e8f0e6;text-align:center}.state-block--error{background:#7f1d1dd9;border-color:#f8717199;color:#fee2e2}@media (max-width: 640px){.page-shell{padding:2rem 1rem 2.5rem}}.main-page{display:flex;flex-direction:column;gap:2rem}.main-header{display:flex;flex-direction:column;gap:.75rem}.main-eyebrow{font-size:.9rem;letter-spacing:.2em;text-transform:uppercase;color:#6366f1d9;font-weight:600}.main-subtitle{color:#e2e8f0cc;max-width:640px;font-size:1rem}.main-state{min-height:180px}.main-retry{border-radius:999px;padding:.6rem 1.5rem;border:1px solid rgba(255,255,255,.4);background:transparent;color:inherit;font-weight:600;cursor:pointer;transition:border-color .2s ease,color .2s ease}.main-retry:hover{border-color:#fffc;color:#fff}.hero-stream{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(0,1.3fr);gap:1.75rem;margin-top:.5rem;padding:1.5rem;border-radius:1.5rem;background:radial-gradient(circle at top left,rgba(99,102,241,.28),transparent 55%),radial-gradient(circle at bottom right,rgba(236,72,153,.25),transparent 60%),#0f172ae6;border:1px solid rgba(148,163,184,.3);text-decoration:none;color:inherit}.hero-stream__media{position:relative;border-radius:1.25rem;overflow:hidden;aspect-ratio:16 / 9}.hero-stream__media img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s ease}.hero-stream__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#1f2937e6;color:#e2e8f0e6;font-size:.95rem}.hero-stream:hover .hero-stream__media img{transform:scale(1.04)}.hero-stream__badge{position:absolute;top:1rem;left:1rem;background:#ef4444;color:#fff;font-size:.8rem;font-weight:700;padding:.4rem 1rem;border-radius:999px;letter-spacing:.12em}.hero-stream__content{display:flex;flex-direction:column;justify-content:center;gap:.85rem}.hero-stream__content h2{font-size:clamp(1.6rem,2.2vw,2.1rem);font-weight:700}.hero-stream__content p{font-size:.98rem;color:#e2e8f0d1}.hero-stream__cta{margin-top:.5rem;align-self:flex-start;border:none;border-radius:999px;padding:.75rem 1.8rem;background:linear-gradient(120deg,#6366f1,#8b5cf6);color:#fff;font-weight:600;cursor:pointer;font-size:.95rem;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.hero-stream__cta:hover{transform:translateY(-1px);box-shadow:0 12px 30px #4f46e580}.main-info{margin-top:1.5rem;padding:1.5rem 1.75rem;border-radius:1.25rem;background:#0f172ad9;border:1px solid rgba(148,163,184,.3)}.main-info h3{font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.main-info p{font-size:.95rem;color:#e2e8f0d9}.tabs-section{margin-top:2rem;background:#0f172ad9;border-radius:1.25rem;border:1px solid rgba(148,163,184,.3);padding:1.5rem}.tabs-header{display:flex;gap:.5rem;border-bottom:2px solid rgba(148,163,184,.2);margin-bottom:1.5rem}.tab-button{padding:.75rem 1.5rem;background:transparent;border:none;border-bottom:2px solid transparent;color:#e2e8f0b3;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin-bottom:-2px}.tab-button:hover{color:#e2e8f0e6}.tab-button.active{color:#6366f1;border-bottom-color:#6366f1}.streams-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.stream-card{display:flex;flex-direction:column;gap:.75rem;text-decoration:none;color:inherit;border-radius:1rem;background:#0f172a99;border:1px solid rgba(148,163,184,.12);overflow:hidden;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.stream-card:hover{transform:translateY(-4px);border-color:#6366f180;box-shadow:0 12px 30px #0f172a80}.stream-card__preview{position:relative;aspect-ratio:16 / 9;overflow:hidden}.stream-card__preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s ease}.stream-card:hover .stream-card__preview img{transform:scale(1.05)}.stream-card__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#334155a6;color:#e2e8f0cc;font-size:.9rem}.stream-card__live{position:absolute;top:.75rem;left:.75rem;background:#ef4444;color:#fff;font-size:.7rem;font-weight:700;padding:.3rem .75rem;border-radius:999px;letter-spacing:.1em;display:flex;align-items:center;gap:.4rem}.stream-card__live:before{content:"";width:.5rem;height:.5rem;background:#fff;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.stream-card__viewers{position:absolute;bottom:.75rem;right:.75rem;background:#0009;color:#fff;font-size:.75rem;padding:.3rem .6rem;border-radius:.5rem}.stream-card__body{padding:0 1rem 1rem;display:flex;gap:.75rem;align-items:flex-start}.stream-card__avatar{flex-shrink:0;width:2.5rem;height:2.5rem;border-radius:50%;background:linear-gradient(120deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.9rem}.stream-card__info{flex:1;min-width:0}.stream-card__info h3{font-size:.95rem;font-weight:600;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stream-card__info p{font-size:.85rem;color:#e2e8f0b3;margin-bottom:.15rem}.stream-card__category{font-size:.8rem;color:#e2e8f080}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}.category-card{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem 1rem;border-radius:1rem;background:#0f172a99;border:1px solid rgba(148,163,184,.12);text-decoration:none;color:inherit;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.category-card:hover{transform:translateY(-4px) scale(1.02);border-color:#6366f180;box-shadow:0 8px 20px #4f46e54d}.category-card__icon{font-size:2.5rem;line-height:1}.category-card p{font-size:.9rem;font-weight:500;text-align:center}@media (max-width: 768px){.hero-stream{grid-template-columns:minmax(0,1fr)}.streams-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.categories-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem}}