.home-page{background:#000;min-height:100vh}.home-section{border-bottom:1px solid #ffffff0a;padding:48px 40px 56px}.home-section:last-child{border-bottom:none;padding-bottom:80px}.section-header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.section-header-left{align-items:center;gap:16px;display:flex}.section-icon{color:var(--accent-light);flex-shrink:0}.section-title{color:#fff;letter-spacing:1px;text-transform:uppercase;margin:0;font-size:1.5rem;font-weight:900;line-height:1.2}.section-subtitle{color:#555;margin:4px 0 0;font-size:.9rem;font-weight:600}.section-view-btn{color:#ccc;letter-spacing:1px;white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff14;border-radius:50px;align-items:center;gap:10px;padding:12px 24px;font-size:.8rem;font-weight:900;display:flex}.section-view-btn:hover{background:var(--accent-subtle);border-color:var(--accent);color:#fff;transform:translateY(-2px)}.shelf-wrapper{padding:0 48px;position:relative}.shelf-viewport{scrollbar-width:none;-ms-overflow-style:none;overflow-x:auto}.shelf-viewport::-webkit-scrollbar{display:none}.shelf-track{grid-auto-flow:column;grid-auto-columns:var(--colWidth,280px);grid-template-rows:repeat(2,auto);gap:14px;padding-bottom:6px;display:grid}.shelf-track>*{width:var(--colWidth,280px)}.shelf-track::-webkit-scrollbar{display:none}.shelf-nav{color:#fff;cursor:pointer;z-index:20;background:#0f0f0fe6;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:24px;transition:background .2s,transform .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 10px #00000080}.shelf-nav:hover{background:#7c3aed;border-color:#7c3aed;transform:translateY(-50%)scale(1.08)}.shelf-nav.left{left:4px}.shelf-nav.right{right:4px}@media (max-width:768px){.shelf-wrapper{padding:0 32px}.shelf-nav{width:28px;height:28px;font-size:16px}.shelf-nav.left{left:2px}.shelf-nav.right{right:2px}}.home-empty{color:#333;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;padding:60px 20px;display:flex}.home-empty p{font-size:1rem;font-weight:600}@media (max-width:1600px){.home-video-grid{grid-auto-columns:minmax(240px,calc(25% - 9px));gap:14px}}@media (max-width:1200px){.home-section{padding:40px 24px 48px}.home-video-grid{grid-auto-columns:minmax(220px,calc(33.3333% - 11px));gap:13px}}@media (max-width:900px){.home-video-grid{grid-auto-columns:minmax(200px,calc(50% - 14px));gap:12px}.section-header{flex-direction:column;align-items:flex-start;gap:16px}}.section-category-tabs{gap:12px;margin-top:12px;display:flex}.section-category-tabs .tab{color:#666;text-transform:uppercase;cursor:pointer;background:#ffffff08;border:1px solid #ffffff0d;border-radius:4px;padding:6px 14px;font-size:.75rem;font-weight:700;transition:all .2s}.section-category-tabs .tab:hover{color:#aaa;background:#ffffff0f}.section-category-tabs .tab.active{color:#fff;background:#7c3aed;border-color:#7c3aed}.shelf-badge{color:#fff;background:linear-gradient(135deg,#7c3aed,#4c1d95);border-radius:12px;padding:10px 20px;font-size:1.1rem;font-weight:900;box-shadow:0 4px 15px #7c3aed4d}.shelf-badge.orange{background:linear-gradient(135deg,#f97316,#ea580c);box-shadow:0 4px 15px #f973164d}.shelf-badge.cyan{background:linear-gradient(135deg,#06b6d4,#0891b2);box-shadow:0 4px 15px #06b6d44d}@media (max-width:600px){.home-section{padding:24px 12px 32px}.home-video-grid{grid-auto-columns:minmax(180px,100%);gap:12px 8px}.section-header{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:20px}.section-header-left{justify-content:space-between;width:100%}.section-title{font-size:1.2rem}.section-view-btn{align-self:flex-start;padding:8px 16px;font-size:.75rem}.section-category-tabs{-webkit-overflow-scrolling:touch;white-space:nowrap;gap:8px;width:100%;padding-bottom:8px;display:flex;overflow-x:auto}.section-category-tabs::-webkit-scrollbar{display:none}.section-category-tabs .tab{flex:none;padding:6px 12px}}.explore-loader{color:#666;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:64px 0 0;font-size:.95rem;font-weight:600;display:flex}.explore-loader .loader-spinner{border:3px solid #7c3aed1a;border-top-color:#7c3aed;border-radius:50%;width:32px;height:32px;animation:.8s linear infinite home-spin}@keyframes home-spin{to{transform:rotate(360deg)}}@media (max-width:480px){.shelf-track{--colWidth:calc((100vw - 38px) / 1.3)!important;grid-template-rows:auto!important}}@media (min-width:481px) and (max-width:768px){.shelf-track{--colWidth:calc((100vw - 76px) / 2.3)!important;grid-template-rows:auto!important}}@media (min-width:769px) and (max-width:1024px){.shelf-track{--colWidth:calc((100vw - 90px) / 3.3)!important;grid-template-rows:repeat(2,auto)!important}}@media (min-width:1025px) and (max-width:1439px){.shelf-track{--colWidth:calc((100vw - 176px - 42px) / 3.3)!important}}@media (min-width:1440px) and (max-width:1919px){.shelf-track{--colWidth:calc((100vw - 176px - 56px) / 4.3)!important}}@media (min-width:1920px){.shelf-track{--colWidth:calc((100vw - 176px - 70px) / 5.3)!important}}