:root{--bg-dark: #000000;--bg-secondary: #ff9900;--bg-card: #1b1b1b;--text-main: #ffffff;--text-muted: #888888;--hub-orange: #ff9900;--danger-red: #cc0000;--font-family: Arial, Helvetica, sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-dark);color:var(--text-main);font-family:var(--font-family);height:100vh}a{text-decoration:none;color:inherit}#hero{position:relative;width:100%;height:100dvh;display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:20;background-color:#000}.hero-content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:2rem}.hub-logo{font-size:4rem;font-weight:700;letter-spacing:-2px;display:flex;align-items:center;gap:5px}.hub-logo .white-text{color:#fff}.hub-logo .orange-box{background:var(--hub-orange);color:#000;padding:.1em .3em;border-radius:5px}.warning-box h3{color:var(--danger-red);font-size:1.2rem;margin-bottom:.5rem}.warning-box .subtitle{color:var(--text-muted);font-size:1rem}.hub-btn{background:var(--hub-orange);color:#000;font-weight:700;font-size:1.2rem;border:none;padding:1rem 3rem;border-radius:3px;cursor:pointer;text-transform:uppercase;transition:transform .1s}.hub-btn:hover{transform:scale(1.05);background:#ffa600}.hub-btn:active{transform:scale(.95)}.terms{color:#555;font-size:.8rem;margin-top:2rem}#app-content{position:relative;width:100%;min-height:100dvh;display:none;background:var(--bg-dark);padding-bottom:5rem}#app-content.active{display:block}.hub-nav{display:flex;align-items:center;padding:1rem 2rem;background:#181818;border-bottom:1px solid #333;margin-bottom:2rem}.hub-nav .hub-logo.mini{font-size:1.5rem;margin-right:3rem}.hub-nav .nav-links{display:flex;gap:1.5rem;color:var(--text-main);font-weight:700;font-size:.9rem}.hub-nav .nav-links span{cursor:pointer}.hub-nav .nav-links span:hover{color:var(--hub-orange)}.content-wrapper{max-width:1200px;margin:0 auto;padding:0 1rem}.section-header{border-bottom:1px solid #333;margin-bottom:1.5rem;padding-bottom:.5rem}.section-header h2{font-size:1.2rem;color:var(--text-main)}.action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:4rem}.tube-card{background:transparent;cursor:pointer}.tube-card:hover .thumbnail-placeholder{border-color:var(--hub-orange)}.tube-card:hover h3{color:var(--hub-orange)}.tube-card .thumbnail-placeholder{width:100%;aspect-ratio:16/9;background:#222;position:relative;border:2px solid transparent;display:flex;justify-content:center;align-items:center;overflow:hidden}.tube-card .thumbnail-placeholder.link-thumb{background:#111;border:1px dashed #333}.tube-card .thumbnail-placeholder .duration,.tube-card .thumbnail-placeholder .hd-badge,.tube-card .thumbnail-placeholder .live-badge{position:absolute;background:#000;color:#fff;padding:2px 5px;font-size:.8rem;font-weight:700;border-radius:2px}.tube-card .thumbnail-placeholder .duration{bottom:5px;right:5px}.tube-card .thumbnail-placeholder .hd-badge{top:5px;right:5px;background:var(--hub-orange);color:#000}.tube-card .thumbnail-placeholder .live-badge{top:5px;left:5px;background:var(--danger-red)}.tube-card .thumbnail-placeholder .play-overlay{font-size:3rem;opacity:.5}.tube-card .card-info{padding-top:.5rem}.tube-card .card-info h3{font-size:1rem;color:#ddd;margin-bottom:.3rem;line-height:1.2}.tube-card .card-info .meta{font-size:.8rem;color:#666}.comments-section{margin-top:3rem;background:#111;padding:2rem}.comments-section .comment-header{border-bottom:1px solid #333;padding-bottom:1rem;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:baseline}.comments-section .comment-header h2:first-child{font-size:1.2rem}.comments-section .comment-header h2:last-child{font-size:.9rem;color:var(--hub-orange)}footer{margin-top:4rem;text-align:center;color:#555;font-size:.9rem}footer .footer-links{display:flex;flex-direction:column;gap:1rem}footer .links{display:flex;justify-content:center;gap:1rem}footer .links a{color:#777}footer .links a:hover{color:var(--hub-orange);text-decoration:underline}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000f2;z-index:100;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity .2s}.modal.visible{opacity:1;pointer-events:all}.modal .modal-content{width:90%;max-width:1000px;position:relative;background:#000;border:1px solid #333}.modal .modal-content video{width:100%;display:block}.modal .modal-content .close-modal{position:absolute;top:-30px;right:0;color:#fff;font-size:2rem;cursor:pointer}@media(max-width:600px){.hub-logo{font-size:2.5rem}.hub-nav .nav-links{display:none}.action-grid{grid-template-columns:1fr}}