: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:12px;
          padding:0;
          overflow:hidden;
          display:flex;
          flex-direction:column;
          transition: border-color 0.2s ease, box-shadow 0.2s ease;
        }
        .video-card:hover {
          border-color: rgba(212,175,55,0.45);
          box-shadow: 0 8px 28px rgba(0,0,0,0.45);
        }
        .video-card__media {
          position:relative;
          aspect-ratio: 16 / 9;
          background:#111;
        }
        .video-card__media iframe,
        .video-card__media video {
          position:absolute; inset:0;
          width:100%; height:100%;
          border:0;
          object-fit: cover;
          background: #0a0a0a;
        }
        .video-card__media video {
          object-fit: contain;
        }
        .video-card__body { padding:16px 18px 18px; display:flex; flex-direction:column; gap:8px; flex:1; }
        .video-card h3 { font-family:'Oswald',sans-serif; margin:0; font-size:1.15rem; letter-spacing:0.03em; }
        .video-meta { color:var(--text-dim); font-size:0.92rem; margin:0; line-height:1.4; }
        .video-card a.video-card__link {
          color:var(--gold);
          font-weight:700;
          text-decoration:none;
          font-size:0.88rem;
          letter-spacing:0.04em;
          text-transform:uppercase;
          margin-top:auto;
          padding-top:6px;
        }
        .video-card a.video-card__link:hover { text-decoration:underline; }
        .video-card a.disabled { color:#555; pointer-events:none; }
        .badge {
          font-size:0.68rem;
          text-transform:uppercase;
          letter-spacing:1.2px;
          color: #c8c8c8;
          font-weight:600;
        }
        .badge--verified { color: var(--gold); }
        .video-wall-empty {
          color:#c0c0c0;
          grid-column:1/-1;
          text-align:center;
          max-width:520px;
          margin:12px auto 0;
          line-height:1.65;
          padding:28px 20px;
          border:1px dashed #333;
          border-radius:12px;
          background: rgba(10,10,10,0.6);
        }
        .video-wall-empty__actions {
          display:flex; flex-wrap:wrap; gap:12px; justify-content:center; margin-top:18px;
        }
        .video-wall-empty__actions a {
          display:inline-flex; align-items:center; justify-content:center;
          min-height:44px; padding:10px 18px; border-radius:8px;
          font-weight:700; text-decoration:none; font-size:0.92rem;
        }
        .video-wall-empty__actions a.primary {
          background: linear-gradient(135deg, #D4AF37, #B8860B); color:#111;
        }
        .video-wall-empty__actions a.ghost {
          border:1px solid rgba(212,175,55,0.4); color:var(--gold);
        }
        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); }