.landing-container{flex-direction:column;width:100%;min-height:calc(100vh - 72px);display:flex;position:relative;overflow:hidden visible}.bg-video{object-fit:cover;filter:brightness(.5)saturate(1.2);z-index:1;width:100%;height:100%;position:absolute;inset:0}.landing-overlay{z-index:2;mix-blend-mode:normal;background:linear-gradient(#000000b3,#000000f2),radial-gradient(circle at 15% 20%,#002aff59,#0000 55%),radial-gradient(circle at 85% 75%,#5b7fff47,#0000 55%);position:absolute;inset:0}.hero-layout{z-index:3;grid-template-columns:minmax(0,2.2fr) minmax(0,1.6fr);gap:32px;width:100%;max-width:1200px;margin:0 auto;padding:40px 24px 0;display:grid;position:relative}.hero-content{opacity:0;flex-direction:column;justify-content:center;gap:14px;max-width:560px;animation:1s forwards heroSlideUp;display:flex}.hero-kicker{letter-spacing:.18em;text-transform:uppercase;color:#f8fafccc;font-size:.8rem}.hero-title{letter-spacing:.04em;color:#fff;text-shadow:0 0 32px #020617e6;font-size:clamp(2.8rem,5vw,3.8rem);font-weight:800}.hero-subtitle{color:#e2e8f0e6;max-width:32rem;font-size:.98rem;line-height:1.5}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:6px;display:flex}.hero-btn{cursor:pointer;text-transform:uppercase;letter-spacing:.12em;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:10px 20px;font-size:.9rem;font-weight:600;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s,border-color .18s,color .18s;display:inline-flex}.hero-btn-primary{color:#fff;background:radial-gradient(circle at 0 0,#002aff,#335cff);border-color:#f8fafcd9;animation:2.4s ease-in-out infinite heroGlow;box-shadow:0 0 14px #002aff8c,0 0 34px #002aff40}.hero-btn-primary:hover{transform:translateY(-2px)scale(1.03);box-shadow:0 0 18px #002afff2,0 0 38px #5b7fff80}.hero-btn-ghost{color:#e2e8f0e6;background:#0f172acc;border-color:#94a3b8b3}.hero-btn-ghost:hover{background:#0f172ae6;border-color:#94a3b8;transform:translateY(-1px)}.hero-pills{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.hero-pill{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#e2e8f0e6;background:#0f172ad9;border:1px solid #94a3b880;border-radius:999px;padding:5px 10px;font-size:.78rem}.hero-preview{opacity:0;flex-direction:column;justify-content:center;gap:16px;max-width:420px;animation:1s .15s forwards heroSlideUp;display:flex}.preview-card{background:#0f172ae0;border:1px solid #94a3b899;border-radius:18px;padding:16px 18px;box-shadow:0 18px 40px #0f172acc}.preview-title{margin-bottom:4px;font-size:1.1rem;font-weight:600}.preview-text{opacity:.85;font-size:.9rem}.preview-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;display:grid}.preview-chip{color:#e5e7eb;background:#0f172ae6;border:1px solid #94a3b880;border-radius:14px;flex-direction:column;gap:2px;padding:10px 12px;font-size:.86rem;text-decoration:none;transition:transform .16s,border-color .16s,box-shadow .16s,background .16s;display:flex}.preview-chip:hover{background:radial-gradient(circle at 0 0,#002aff40,#0f172af2);border-color:#60a5fae6;transform:translateY(-2px);box-shadow:0 10px 24px #0f172ae6}.preview-chip-label{font-weight:600}.preview-chip-sub{opacity:.8;font-size:.78rem}.hub-section{z-index:3;color:#e5e7eb;width:100%;max-width:1100px;margin:0 auto;padding:24px 24px 40px;position:relative}.hub-title{margin-bottom:4px;font-size:1.6rem;font-weight:700}.hub-subtitle{opacity:.85;margin-bottom:18px;font-size:.9rem}.hub-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.hub-card{color:#e5e7eb;background:#0f172ae6;border:1px solid #94a3b880;border-radius:16px;padding:14px 16px;font-size:.9rem;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s}.hub-card h3{margin-bottom:4px;font-size:1rem;font-weight:600}.hub-card p{opacity:.86;font-size:.86rem}.hub-card:hover{background:radial-gradient(circle at 0 0,#002aff2e,#0f172afa);border-color:#60a5fae6;transform:translateY(-3px);box-shadow:0 12px 26px #0f172ae6}@keyframes heroSlideUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes heroGlow{0%{box-shadow:0 0 12px #002aff99,0 0 24px #5b7fff73}50%{box-shadow:0 0 20px #002afff2,0 0 40px #5b7fff99}to{box-shadow:0 0 12px #002aff99,0 0 24px #5b7fff73}}.live-section{z-index:3;width:100%;max-width:1100px;margin:0 auto;padding:18px 24px 8px;position:relative}.live-card{background:#0f172af5;border:1px solid #002aff99;border-radius:20px;flex-direction:column;gap:10px;padding:14px 16px 16px;display:flex;box-shadow:0 20px 40px #0f172ae6}.live-header{align-items:center;gap:10px;margin-bottom:4px;display:flex}.live-pill-hero{text-transform:uppercase;letter-spacing:.14em;color:#fff;background:radial-gradient(circle at 0 0,#ef4444,#b91c1c);border-radius:999px;padding:4px 10px;font-size:.75rem;box-shadow:0 0 14px #ef4444e6}.live-meta-main{flex-direction:column;display:flex}.live-title{color:#e5e7eb;font-size:.98rem;font-weight:600}.live-subtitle{opacity:.8;font-size:.8rem}.live-body{grid-template-columns:minmax(0,3fr) minmax(0,1fr);gap:12px;margin-top:6px;display:grid}.live-player-wrapper{background:#020617;border-radius:14px;width:100%;padding-top:56.25%;position:relative;overflow:hidden}.live-player{border:none;width:100%;height:100%;position:absolute;inset:0}.live-side-meta{flex-direction:column;justify-content:space-between;gap:10px;display:flex}.live-viewers{background:#0f172af2;border:1px solid #94a3b899;border-radius:14px;padding:10px 12px}.live-viewers-label{text-transform:uppercase;letter-spacing:.14em;opacity:.8;font-size:.75rem}.live-viewers-count{font-size:1.3rem;font-weight:700}.live-watch-link{color:#fff;background:radial-gradient(circle at 0 0,#002aff,#335cff);border-radius:14px;justify-content:center;align-items:center;padding:10px 12px;font-size:.86rem;text-decoration:none;transition:transform .16s,box-shadow .16s;display:inline-flex;box-shadow:0 0 16px #002affb3}.live-watch-link:hover{transform:translateY(-1px)scale(1.02);box-shadow:0 0 22px #002afff2}.live-pill-offline{text-transform:uppercase;letter-spacing:.14em;color:#e5e7eb;background:#94a3b84d;border:1px solid #94a3b8b3;border-radius:999px;padding:4px 10px;font-size:.75rem}.live-vod-thumb{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}@media (max-width:900px){.live-body{grid-template-columns:minmax(0,1fr)}.hero-layout{grid-template-columns:minmax(0,1fr);padding-top:24px}.hero-preview{max-width:none}}@media (max-width:640px){.hero-actions{flex-direction:column;align-items:stretch}.landing-container{height:auto;min-height:calc(100vh - 72px)}}