html,body{width:100%;height:100%;overflow:hidden;background:var(--bg, #0f0f10);font-family:Inter,sans-serif}.app-layout{display:flex;flex-direction:column;height:100vh;overflow:hidden}.scroll-wrapper{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;padding-bottom:60px}.layout-main{max-width:1800px;width:100%;margin:0 auto;padding:48px;min-height:calc(100vh - 200px)}.container{display:flex;align-items:center;justify-content:flex-start;padding:0 20px}.brand{display:flex;align-items:center;gap:8px}.brand-logo{width:180px;object-fit:contain;border-radius:8px;background:linear-gradient(180deg,#071018,#0b0b0c);padding:6px}.brand-title{font-weight:700;font-size:18px;color:#fff}.main-nav{display:flex;gap:18px;align-items:center;margin-left:12px}.nav-link{position:relative;color:#ffffffc7;text-decoration:none;font-weight:600;padding:12px 10px;display:inline-flex;align-items:center;cursor:pointer}.nav-link:hover{color:#fff}.nav-underline{position:absolute;left:12px;right:12px;bottom:8px;height:3px;background:transparent;border-radius:2px;transition:background .18s ease,transform .18s ease,opacity .18s ease}.nav-link:hover .nav-underline,.nav-link.active .nav-underline{background:#e91e63;opacity:1}.nav-link.focused{color:#fff;transform:translateY(-1px)}.nav-link.focused .nav-underline{background:#00d4ff;opacity:1}.nav-link.focused:after{content:"";position:absolute;inset:-6px -8px;border-radius:8px;box-shadow:0 0 0 3px #00d4ff24,0 0 0 6px #00000014;pointer-events:none}@media(max-width:720px){.main-nav{display:none}}.site-header{position:sticky;top:0;left:0;z-index:9999;width:100%;padding:12px 0;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent);box-shadow:0 6px 18px #0009;border-bottom:1px solid rgba(120,120,120,.12);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.logo-item-large{width:180px;height:45px;position:relative;cursor:pointer;transition:opacity .2s ease}.logo-item-large:hover{opacity:.85}.header-nav-item{position:relative;display:inline-block;padding:10px 18px;font-weight:600;font-size:16px;color:#ffffffc7;transition:color .2s ease,transform .12s ease;cursor:pointer}.header-nav-item:hover,.header-nav-item.active{color:#fff}.header-nav-item .indicator{position:absolute;left:0;right:0;bottom:0;height:2px;background:#e91e63;opacity:1;transform-origin:left center;transition:opacity .2s ease,transform .2s ease}.header-nav-item .indicator.hidden{opacity:0}.focus-ring{position:absolute;inset:0;border-radius:8px;box-shadow:0 0 0 3px #38bdf82e,0 0 0 6px #38bdf80f;pointer-events:none}.app-footer{background:#0b0b0b;border-top:1px solid #2d2d2d;margin-top:auto;text-align:center;padding-top:16px;padding-bottom:16px}.app-footer-inner{max-width:1920px;margin:0 auto;padding-left:32px;padding-right:32px}.app-footer-column{display:flex;flex-direction:column;align-items:center;gap:16px}.app-footer-logos{display:flex;gap:48px;align-items:center;justify-content:center}.app-footer-logo{height:80px;object-fit:contain;opacity:.7;transition:opacity .2s}.app-footer-logo:hover{opacity:1}.app-footer-info{text-align:center}.app-footer-copyright{color:#9ca3af;font-size:14px;font-weight:500}.app-footer-version{color:#9ca3af;font-size:12px}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg, #0f0f10);font-family:Inter,system-ui,Arial,sans-serif;color:#fff}.app-layout{display:flex;flex-direction:column;height:100vh;width:100%;overflow:hidden}.scroll-wrapper{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;padding-bottom:0}.scroll-wrapper::-webkit-scrollbar{width:0}.layout-main{flex:1;padding:48px 48px 60px;max-width:1800px;width:100%;margin:0 auto;box-sizing:border-box}footer{width:100vw;margin-left:calc(50% - 50vw);background:#111;padding:40px 32px;box-sizing:border-box}.card-wrapper{position:relative;border-radius:14px}.card-wrapper:after{content:"";position:absolute;inset:-3px;border-radius:inherit;border:3px solid white;opacity:0;pointer-events:none;transition:opacity .18s ease;z-index:20}.card-item{height:320px;width:220px;border-radius:12px;overflow:hidden;background:#151515;box-shadow:0 10px 28px #000000a6;position:relative;display:flex;flex-direction:column;justify-content:flex-end;transition:transform .18s ease,box-shadow .18s ease}.card-wrapper.focused .card-item{transform:translateY(-6px) scale(1.02);box-shadow:0 18px 40px #000c}.card-media{position:absolute;inset:0;background-size:cover;background-position:center;filter:saturate(.9) contrast(.9) brightness(.6)}.card-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#00000038,#0000);pointer-events:none}.card-play-icon{position:absolute;top:50%;left:50%;width:72px;height:72px;transform:translate(-50%,-55%);z-index:15;background:radial-gradient(circle,#fff 30%,#eaeaea);border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .18s ease-out;pointer-events:none}.play-triangle{width:0;height:0;border-left:18px solid #000000;border-top:12px solid transparent;border-bottom:12px solid transparent}.card-wrapper.focused .card-play-icon{opacity:1}.card-body{position:relative;padding:16px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.6))}.card-sub{display:inline-flex;align-items:center;background:#00000073;color:#ffffffd9;padding:4px 10px;border-radius:6px;font-size:11px;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90%}.card-title{margin:8px 0 0;font-size:15px;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.card-item:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 18px 36px #000000bf}.carousel-section{width:100%;margin:0 auto 40px;padding:0 48px;background:transparent!important;box-sizing:border-box}.carousel-header h2{font-size:34px;font-weight:700;margin:0 0 6px 8px}.carousel-sub{color:var(--muted);margin-left:8px}.carousel-track{margin-top:24px;display:flex;gap:28px;overflow-x:auto;overflow-y:visible;padding:12px;scrollbar-width:none;background:transparent!important}.carousel-track::-webkit-scrollbar{display:none}.carousel-cell{flex:0 0 auto}.card-wrapper{position:relative;border-radius:14px;display:inline-block;transition:transform .2s ease}.card-wrapper:after{content:"";position:absolute;inset:-4px;border-radius:inherit;border:3px solid white;opacity:0;pointer-events:none;transition:opacity .22s ease;z-index:10}.card-wrapper.focused{transform:translateY(-6px) scale(1.02)}.card-wrapper.focused:after{opacity:1}.more-card{display:flex;align-items:center;justify-content:center}.more-inner{position:relative;width:220px;height:320px;border-radius:12px;background:linear-gradient(180deg,#0a0a0a59,#000000d9);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center;transition:transform .18s ease;box-shadow:0 12px 30px #000000b3,inset 0 1px #ffffff05}.more-inner.focused{transform:translateY(-6px)}.more-inner:after{content:"";position:absolute;inset:-3px;border-radius:inherit;border:3px solid white;opacity:0;pointer-events:none;transition:opacity .18s ease}.more-inner.focused:after{opacity:1}.more-arrow{font-size:42px;line-height:1;margin-bottom:14px;font-weight:300;color:#fff;text-shadow:0 0 12px rgba(255,255,255,.45)}.more-text{font-size:22px;font-weight:700;color:#fff;text-shadow:0 0 10px rgba(0,0,0,.6)}.more-text small{display:block;margin-top:6px;font-size:14px;opacity:.85;text-shadow:0 0 8px rgba(0,0,0,.5)}@media(max-width:640px){.carousel-track{gap:12px}}.carousel-skeleton-root{padding:24px}.carousel-skeleton-title{font-size:32px;font-weight:700;margin-bottom:4px}.carousel-skeleton-sub{color:#aaa;margin-bottom:20px}.carousel-skeleton-row{display:flex;gap:24px}.carousel-skeleton-card{width:260px;height:330px;border-radius:20px;background:linear-gradient(135deg,#2c2c2c,#1f1f1f);padding:20px}.sk-line{background:#3a3a3a;height:16px;border-radius:8px;margin-top:12px;opacity:.5}.sk-l1{width:80%}.sk-l2{width:60%}.sk-l3{width:40%}.listing-root{padding:32px;width:100%;box-sizing:border-box}.listing-header{margin-bottom:24px}.listing-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:24px;width:100%;box-sizing:border-box;align-items:start}.listing-cell{display:flex;justify-content:center}.card-skeleton{width:220px;height:320px;border-radius:20px;background:#37373780;overflow:hidden;position:relative;flex-shrink:0;animation:pulse 1.6s infinite ease-in-out}.cs-image{position:absolute;inset:0;background:linear-gradient(135deg,#50505099,#28282899)}.cs-content{position:absolute;bottom:0;width:100%;padding:18px;box-sizing:border-box}.cs-line{height:16px;background:#78787866;border-radius:8px;margin-bottom:10px}.cs-line-1{width:90%}.cs-line-2{width:65%}.cs-badge{margin-top:10px;width:80px;height:24px;background:#78787866;border-radius:10px}@keyframes pulse{0%{opacity:.55}50%{opacity:.85}to{opacity:.55}}.list-skeleton-grid{background:#ff00004d;border:4px solid yellow;min-height:400px}