.live-index-page{flex-direction:column;gap:2.5rem;width:100%;max-width:1400px;margin:0 auto;padding:1.5rem 1rem 4rem;display:flex}.live-hero{background:radial-gradient(circle at 80% 20%,#ef444440 0%,#0f0f14e6 70%),linear-gradient(135deg,#181214 0%,#0d0d12 100%);border:1px solid #ef444440;border-radius:20px;padding:3.5rem 2.5rem;position:relative;overflow:hidden;box-shadow:0 16px 40px #00000080}@media (max-width:768px){.live-hero{padding:2.25rem 1.5rem}}.live-hero__content{max-width:720px}.live-hero__badge{color:#ef4444;letter-spacing:.06em;background:#ef444426;border:1px solid #ef444466;border-radius:999px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.35rem .85rem;font-size:.75rem;font-weight:800;display:inline-flex}.live-hero__badge .icon-pulse{animation:1.5s infinite pulseLive}.live-hero h1{color:#f8fafc;letter-spacing:-.02em;margin:0 0 1rem;font-size:2.5rem;font-weight:900;line-height:1.15}@media (max-width:768px){.live-hero h1{font-size:1.85rem}}.live-hero p{color:#cbd5e1;margin:0 0 1.75rem;font-size:1.05rem;line-height:1.6}.live-hero__cta-group{flex-wrap:wrap;gap:1rem;display:flex}.live-hero__cta-group .btn-hero-broadcast{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border-radius:10px;align-items:center;gap:.5rem;padding:.8rem 1.4rem;font-size:.95rem;font-weight:800;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 16px #ef444466}.live-hero__cta-group .btn-hero-broadcast:hover{transform:translateY(-2px);box-shadow:0 6px 22px #ef44448c}.live-hero__cta-group .btn-hero-watch{color:#f1f5f9;background:#ffffff14;border:1px solid #ffffff26;border-radius:10px;align-items:center;gap:.5rem;padding:.8rem 1.4rem;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.live-hero__cta-group .btn-hero-watch:hover{background:#ffffff24}.live-section{flex-direction:column;gap:1.25rem;display:flex}.live-section__header{justify-content:space-between;align-items:center;display:flex}.live-section__header .title-with-badge{align-items:center;gap:.65rem;display:flex}.live-section__header .title-with-badge .live-pulse-dot{background:#ef4444;border-radius:50%;width:10px;height:10px;animation:1.2s infinite pulseDot;box-shadow:0 0 10px #ef4444}.live-section__header .title-with-badge h2{color:#f8fafc;margin:0;font-size:1.4rem;font-weight:800}.live-section__header .section-counter{color:#64748b;font-size:.82rem;font-weight:600}.live-section__loading,.live-section__empty{text-align:center;color:#94a3b8;background:#12121666;border:1px solid #ffffff0f;border-radius:14px;padding:3rem 1.5rem}.live-section__loading svg,.live-section__empty svg{color:#475569;margin-bottom:.75rem}.live-section__loading h3,.live-section__empty h3{color:#f1f5f9;margin:0 0 .4rem;font-size:1.15rem;font-weight:700}.live-section__loading p,.live-section__empty p{max-width:440px;margin:0 auto 1.25rem;font-size:.9rem;line-height:1.5}.live-section__loading .btn-empty-action,.live-section__empty .btn-empty-action{color:#ef4444;background:#ef444426;border:1px solid #ef444459;border-radius:8px;align-items:center;gap:.4rem;padding:.6rem 1.1rem;font-size:.85rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.live-section__loading .btn-empty-action:hover,.live-section__empty .btn-empty-action:hover{background:#ef444440}.live-section__loading.mini,.live-section__empty.mini{padding:2rem 1.5rem}.live-section__loading.mini p,.live-section__empty.mini p{margin:0}.live-cards-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;display:grid}@media (max-width:640px){.live-cards-grid{grid-template-columns:1fr}}.live-card{background:#12121699;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;text-decoration:none;transition:all .25s;display:flex;overflow:hidden}.live-card:hover{border-color:#fff3;transform:translateY(-4px);box-shadow:0 10px 25px #0006}.live-card.now-active{border-color:#ef44444d}.live-card.now-active:hover{border-color:#ef444499;box-shadow:0 10px 30px #ef444440}.live-card__thumb-wrap{aspect-ratio:16/9;background:#000;width:100%;position:relative;overflow:hidden}.live-card__thumb-wrap .live-card__thumb{object-fit:cover;width:100%;height:100%;transition:transform .3s}.live-card__thumb-wrap .live-card__thumb.grayscale{filter:grayscale(80%)brightness(.7)}.live-card__thumb-wrap:hover .live-card__thumb{transform:scale(1.04)}.live-card__thumb-wrap .live-card__overlay{pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;top:.75rem;left:.75rem;right:.75rem}.live-card__thumb-wrap .live-card__overlay .badge-live-now{color:#fff;letter-spacing:.05em;background:#ef4444f2;border-radius:999px;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.7rem;font-weight:800;display:inline-flex}.live-card__thumb-wrap .live-card__overlay .badge-live-now .dot{background:#fff;border-radius:50%;width:6px;height:6px;animation:1.2s infinite pulseDot}.live-card__thumb-wrap .live-card__overlay .badge-viewers{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#f1f5f9;background:#000000bf;border-radius:999px;align-items:center;gap:.3rem;padding:.25rem .55rem;font-size:.7rem;font-weight:600;display:inline-flex}.live-card__thumb-wrap .live-card__overlay .badge-scheduled-date{color:#fff;background:#0ea5e9e6;border-radius:999px;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.72rem;font-weight:700;display:inline-flex}.live-card__thumb-wrap .live-card__overlay .badge-ended{color:#f1f5f9;background:#64748bd9;border-radius:999px;padding:.25rem .6rem;font-size:.7rem;font-weight:600}.live-card__body{flex-direction:column;gap:.6rem;padding:1.1rem;display:flex}.live-card__body .live-card__genre-row{justify-content:space-between;align-items:center;display:flex}.live-card__body .live-card__genre-row .genre-pill{color:#94a3b8;font-size:.72rem;font-weight:600}.live-card__body .live-card__genre-row .access-pill{color:#fbbf24;align-items:center;gap:.25rem;font-size:.72rem;font-weight:700;display:inline-flex}.live-card__body .live-card__title{color:#f8fafc;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:1rem;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.live-card__body .live-card__creator{align-items:center;gap:.5rem;margin-top:.25rem;display:flex}.live-card__body .live-card__creator .creator-avatar{object-fit:cover;border-radius:50%;width:24px;height:24px}.live-card__body .live-card__creator .creator-name{color:#cbd5e1;font-size:.8rem;font-weight:600}.live-card__body .creator-subtext{color:#64748b;font-size:.8rem}