.home-page{background:#0f0f0f;box-sizing:border-box;color:#fff;font-family:Poppins,sans-serif;min-height:100vh;padding:24px 20px 32px;width:100%}.hero-card{grid-gap:24px;background:#171717;border:1px solid #222;border-radius:24px;display:grid;gap:24px;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);margin-bottom:32px;max-width:100%;padding:18px;width:100%}.hero-media{min-width:0;overflow:hidden;position:relative;width:100%}.hero-video{aspect-ratio:16/9;background:#000;border-radius:18px;max-width:100%;-o-object-fit:cover;object-fit:cover;width:100%}.live-badge{background:#ef4444;border-radius:999px;color:#fff;font-size:12px;font-weight:700;left:14px;padding:6px 12px;position:absolute;top:14px;z-index:2}.hero-content{min-width:0}.hero-content h1{font-size:24px;font-weight:800;line-height:1.3;margin-bottom:12px}.hero-stats{align-items:center;color:#aaa;display:flex;flex-wrap:wrap;font-size:13px;gap:14px;margin-bottom:14px}.hero-stats .tag{color:#a855f7;font-weight:700}.share-pill-btn{align-items:center;background:rgba(168,85,247,.15);border:1px solid rgba(168,85,247,.4);border-radius:999px;color:#a855f7;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:6px;margin-left:auto;padding:4px 14px;transition:all .2s ease}.share-pill-btn:hover{background:#a855f7;color:#fff}.hero-desc{color:#ccc;font-size:14px;line-height:1.6;margin-bottom:20px;max-width:100%;word-break:break-word}.section-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:18px}.video-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(5,minmax(0,1fr));max-width:100%;width:100%}.video-card{cursor:pointer;min-width:0}.video-thumb{aspect-ratio:16/9;border-radius:12px;display:block;overflow:hidden;position:relative}.video-thumb img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.play-overlay{align-items:center;background:rgba(0,0,0,.4);bottom:0;display:grid;justify-items:center;left:0;opacity:0;place-items:center;position:absolute;right:0;top:0;transition:opacity .2s}.video-card:hover .play-overlay{opacity:1}.play-overlay i{align-items:center;background:#ef4444;border-radius:50%;color:#fff;display:grid;height:42px;justify-items:center;place-items:center;width:42px}.duration{background:rgba(0,0,0,.85);border-radius:4px;bottom:8px;font-size:11px;padding:2px 6px;position:absolute;right:8px}.video-info{display:flex;gap:10px;padding-top:10px}.video-info img{border-radius:50%;flex-shrink:0;height:32px;width:32px}.video-meta{flex-grow:1;min-width:0}.title-row{align-items:flex-start;display:flex;gap:6px;justify-content:space-between;overflow:hidden}.title-row h3{flex-grow:1;font-size:13px;line-height:1.3;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-share-btn{background:transparent;border:none;border-radius:50%;color:#888;cursor:pointer;flex-shrink:0;padding:2px 6px;transition:color .2s,background .2s}.card-share-btn:hover{background:hsla(0,0%,100%,.08);color:#a855f7}.video-meta p{color:#aaa;font-size:12px;margin:0 0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-meta span{color:#666;font-size:11px}@media (max-width:1400px){.video-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:1100px){.hero-card{grid-template-columns:1fr}.video-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:768px){.home-page{padding:16px 12px 24px}.video-grid{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.hero-card{border-radius:16px;padding:12px}.hero-content h1{font-size:18px}.share-pill-btn{margin-left:0}}@media (max-width:480px){.video-grid{grid-template-columns:1fr}}.clickable-channel{cursor:pointer}.clickable-channel:hover{opacity:.85;-webkit-text-decoration:underline;text-decoration:underline}.app-footer{background-color:#0c0c0e;border-top:1px solid #1a1a1e;box-sizing:border-box;color:#a1a1aa;font-family:Poppins,sans-serif;padding:40px 24px;width:100%}.footer-container{margin:0 auto;max-width:1500px}.footer-row{align-items:flex-start;display:flex;flex-wrap:nowrap;gap:16px;justify-content:space-between}.footer-col{flex:1;min-width:-moz-max-content;min-width:max-content}.footer-col h4{color:#fff;font-size:14px;font-weight:700;letter-spacing:.3px;margin:0 0 16px;text-transform:uppercase}.footer-col ul{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.footer-col ul li a{color:#9999a1;display:inline-block;font-size:12px;font-weight:400;-webkit-text-decoration:none;text-decoration:none;transition:color .2s ease;white-space:nowrap}.footer-col ul li a:hover{color:#a855f7}.social-col{flex:1.2}.social-icons{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.social-btn{align-items:center;background:#18181b;border:1px solid #27272a;border-radius:50%;color:#fff;display:grid;font-size:13px;height:34px;justify-items:center;place-items:center;-webkit-text-decoration:none;text-decoration:none;transition:all .2s ease;width:34px}.social-btn:hover{background:#a855f7;border-color:#a855f7;transform:translateY(-2px)}@media (max-width:1200px){.footer-row{flex-wrap:wrap;gap:32px 16px}.footer-col{flex:0 0 calc(25% - 16px)}}@media (max-width:768px){.footer-col{flex:0 0 calc(33.333% - 16px)}}@media (max-width:576px){.app-footer{padding:32px 16px}.footer-col{flex:0 0 calc(50% - 16px)}}@media (max-width:400px){.footer-col{flex:0 0 100%}}