:root { --bg:#050505; --surface:#0a0a0a; --gold:#D4AF37; --bronze:#cd7f32; --text:#fff; --text-dim: #d0d0d0; --border:#222; }
        * { box-sizing:border-box; margin:0; padding:0; }
        body { background:var(--bg); color:var(--text); font-family:'Rajdhani',sans-serif; min-height:100vh; display:flex; flex-direction:column; }
.page-header { padding:40px 20px 28px; text-align:center; }
        .page-header h1 { font-family:'Oswald',sans-serif; font-size:clamp(2rem,5vw,3.2rem); text-transform:uppercase; }
        .container { max-width:1000px; margin:0 auto; padding:0 20px 80px; flex-grow:1; width:100%; }
        .video-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:20px; }
        .video-card { background:var(--surface); border:1px solid var(--border); border-radius:8px; padding:20px; }
        .video-card h3 { font-family:'Oswald',sans-serif; margin-bottom:6px; }
        .video-meta { color:var(--text-dim); font-size:0.95rem; margin-bottom:12px; }
        .video-card a { color:var(--gold); font-weight:600; text-decoration:none; }
        .video-card a.disabled { color:#555; pointer-events:none; }
        .badge { font-size:0.7rem; text-transform:uppercase; letter-spacing:1px; color: #b5b5b5; }
        footer { margin-top:auto; padding:40px 20px 60px; text-align:center; border-top:1px solid var(--border); background:#0a0a0a; }
        .footer-logo { display:block; height:72px; width:auto; max-width:280px; margin:0 auto 16px; object-fit:contain; }
        .footer-links a { color: #b5b5b5; text-decoration:none; margin:0 10px; font-size:0.85rem; }
        .footer-links a:hover { color:var(--gold); }