{} *{} {}
     


      #IE-warning {
        display: none;
        position: fixed;
        width: 100%;
        height: 100%;
        z-index: 9999;
        background: white;
      }
      .IE-warning-message {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
      }
    



 body { font-family: system-ui, Arial, sans-serif; margin: 0; padding: 24px; background:#0b0b0c; color:#fff; } h1 { margin: 0 0 16px; font-size: 28px; } .grid { display: grid; gap: 16px; grid-template-columns: repeat(auto-fill,minmax(280px,1fr)); } .card { background: #151518; border-radius: 14px; padding: 12px; box-shadow: 0 4px 18px rgba(0,0,0,.25); } .card h3 { font-size: 15px; margin: 10px 0 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .meta { font-size: 12px; opacity: .7; } .video-wrap { position: relative; padding-top: 56.25%; border-radius: 10px; overflow: hidden; background: #000; } .video-wrap video, .video-wrap img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; } .actions { margin-top: 8px; display: flex; gap: 10px; } .btn { background: #2d6cdf; color:#fff; border:0; padding:8px 10px; border-radius:8px; text-decoration:none; font-size:13px; } 

 :root{ --bg:#0b0b0c; --card:#151518; --text:#f6f7fb; --muted:#9aa0a6; --accent:#2d6cdf; --radius:14px; } html,body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif} header{max-width:1200px;margin:32px auto 12px;padding:0 20px} h1{font-size:34px;margin:0 0 6px;font-weight:800;letter-spacing:.2px} h2{font-size:18px;margin:0;color:var(--muted);text-transform:lowercase} .grid{ max-width:1200px;margin:16px auto 60px;padding:0 20px; display:grid;gap:16px;grid-template-columns:repeat(4,1fr); } @media (max-width:1100px){.grid{grid-template-columns:repeat(3,1fr)}} @media (max-width:800px){.grid{grid-template-columns:repeat(2,1fr)}} @media (max-width:520px){.grid{grid-template-columns:1fr}} .card{ background:var(--card);border-radius:var(--radius);box-shadow:0 8px 28px rgba(0,0,0,.35); overflow:hidden;display:flex;flex-direction:column } .media{position:relative;aspect-ratio:16/9;background:#000} .media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} .content{padding:12px 12px 14px} .title{font-size:15px;font-weight:700;margin:0 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .blurb{font-size:13px;line-height:1.4;color:var(--muted);margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden} .meta{font-size:12px;color:var(--muted);margin-top:auto} .actions{display:flex;gap:10px;margin-top:10px} .btn{ appearance:none;border:0;border-radius:10px;padding:8px 10px;font-size:13px; background:var(--accent);color:#fff;text-decoration:none;cursor:pointer } .btn.secondary{background:#2f2f37} /* tiny SEO help per-card */ .schema{display:none} 

 :root{ --bg:#0b0b0c; --card:#151518; --text:#f6f7fb; --muted:#9aa0a6; --accent:#2d6cdf; --radius:14px; } html,body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif} header{max-width:1200px;margin:32px auto 12px;padding:0 20px} h1{font-size:34px;margin:0 0 6px;font-weight:800;letter-spacing:.2px} h2{font-size:18px;margin:0;color:var(--muted);text-transform:lowercase} .grid{ max-width:1200px;margin:16px auto 60px;padding:0 20px; display:grid;gap:16px;grid-template-columns:repeat(4,1fr); } @media (max-width:1100px){.grid{grid-template-columns:repeat(3,1fr)}} @media (max-width:800px){.grid{grid-template-columns:repeat(2,1fr)}} @media (max-width:520px){.grid{grid-template-columns:1fr}} .card{ background:var(--card);border-radius:var(--radius);box-shadow:0 8px 28px rgba(0,0,0,.35); overflow:hidden;display:flex;flex-direction:column } .media{position:relative;aspect-ratio:16/9;background:#000} .media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} .content{padding:12px 12px 14px} .title{font-size:15px;font-weight:700;margin:0 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .blurb{font-size:13px;line-height:1.4;color:var(--muted);margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden} .meta{font-size:12px;color:var(--muted);margin-top:auto} .actions{display:flex;gap:10px;margin-top:10px} .btn{ appearance:none;border:0;border-radius:10px;padding:8px 10px;font-size:13px; background:var(--accent);color:#fff;text-decoration:none;cursor:pointer } .btn.secondary{background:#2f2f37} /* tiny SEO help per-card */ .schema{display:none} 

 :root{ --bg:#0b0b0c; --card:#151518; --text:#f6f7fb; --muted:#9aa0a6; --accent:#2d6cdf; --radius:14px; } html,body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif} header{max-width:1200px;margin:32px auto 12px;padding:0 20px} h1{font-size:34px;margin:0 0 6px;font-weight:800;letter-spacing:.2px} h2{font-size:18px;margin:0;color:var(--muted);text-transform:lowercase} .grid{max-width:1200px;margin:16px auto 60px;padding:0 20px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)} @media (max-width:1100px){.grid{grid-template-columns:repeat(3,1fr)}} @media (max-width:800px){.grid{grid-template-columns:repeat(2,1fr)}} @media (max-width:520px){.grid{grid-template-columns:1fr}} .card{background:var(--card);border-radius:var(--radius);box-shadow:0 8px 28px rgba(0,0,0,.35);overflow:hidden;display:flex;flex-direction:column} .media{position:relative;aspect-ratio:16/9;background:#000} .media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} .content{padding:12px 12px 14px} .title{font-size:15px;font-weight:700;margin:0 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .blurb{font-size:13px;line-height:1.45;color:var(--muted);margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden} .meta{font-size:12px;color:var(--muted);margin-top:auto} .actions{display:flex;gap:10px;margin-top:10px} .btn{appearance:none;border:0;border-radius:10px;padding:8px 10px;font-size:13px;background:var(--accent);color:#fff;text-decoration:none;cursor:pointer} .btn.secondary{background:#2f2f37} 

 :root{ --bg:#0b0b0c; --card:#151518; --text:#f6f7fb; --muted:#9aa0a6; --accent:#2d6cdf; --radius:14px; --maxw:1200px; } html,body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif} header{max-width:var(--maxw);margin:32px auto 12px;padding:0 20px} h1{font-size:34px;margin:0 0 6px;font-weight:800} h2{font-size:18px;margin:0;color:var(--muted);text-transform:lowercase} .note{max-width:var(--maxw);margin:10px auto 0;padding:0 20px;color:var(--muted);font-size:13px} .grid{max-width:var(--maxw);margin:16px auto 60px;padding:0 20px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)} @media (max-width:1100px){.grid{grid-template-columns:repeat(3,1fr)}} @media (max-width:800px){.grid{grid-template-columns:repeat(2,1fr)}} @media (max-width:520px){.grid{grid-template-columns:1fr}} .card{background:var(--card);border-radius:var(--radius);box-shadow:0 8px 28px rgba(0,0,0,.35);overflow:hidden;display:flex;flex-direction:column} .media{position:relative;aspect-ratio:16/9;background:#000} .media video,.media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} .content{padding:12px 12px 14px} .title{font-size:15px;font-weight:700;margin:0 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .blurb{font-size:13px;line-height:1.45;color:var(--muted);margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden} .meta{font-size:12px;color:var(--muted);margin-top:auto} .actions{display:flex;gap:10px;margin-top:10px} .btn{appearance:none;border:0;border-radius:10px;padding:8px 10px;font-size:13px;background:var(--accent);color:#fff;text-decoration:none;cursor:pointer} .btn.secondary{background:#2f2f37} 

 :root{ --bg:#0b0b0c; --card:#151518; --text:#f6f7fb; --muted:#9aa0a6; --accent:#2d6cdf; --radius:14px; --maxw:1200px; } html,body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif} header{max-width:var(--maxw);margin:32px auto 12px;padding:0 20px} h1{font-size:34px;margin:0 0 6px;font-weight:800} h2{font-size:18px;margin:0;color:var(--muted);text-transform:lowercase} .note{max-width:var(--maxw);margin:10px auto 0;padding:0 20px;color:var(--muted);font-size:13px} .grid{max-width:var(--maxw);margin:16px auto 60px;padding:0 20px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)} @media (max-width:1100px){.grid{grid-template-columns:repeat(3,1fr)}} @media (max-width:800px){.grid{grid-template-columns:repeat(2,1fr)}} @media (max-width:520px){.grid{grid-template-columns:1fr}} .card{background:var(--card);border-radius:var(--radius);box-shadow:0 8px 28px rgba(0,0,0,.35);overflow:hidden;display:flex;flex-direction:column} .media{position:relative;aspect-ratio:16/9;background:#000} .media video,.media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} .content{padding:12px 12px 14px} .title{font-size:15px;font-weight:700;margin:0 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .blurb{font-size:13px;line-height:1.45;color:var(--muted);margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden} .meta{font-size:12px;color:var(--muted);margin-top:auto} .actions{display:flex;gap:10px;margin-top:10px} .btn{appearance:none;border:0;border-radius:10px;padding:8px 10px;font-size:13px;background:var(--accent);color:#fff;text-decoration:none;cursor:pointer} .btn.secondary{background:#2f2f37} .error{max-width:var(--maxw);margin:16px auto 0;padding:10px 20px;color:#fff;background:#b00020;border-radius:10px;display:none} 

 :root{ --bg:#0b0b0c; --card:#151518; --text:#f6f7fb; --muted:#9aa0a6; --accent:#2d6cdf; --radius:14px; --maxw:1200px; } html,body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif} header{max-width:var(--maxw);margin:32px auto 12px;padding:0 20px} h1{font-size:34px;margin:0 0 6px;font-weight:800} h2{font-size:18px;margin:0;color:var(--muted);text-transform:lowercase} .note{max-width:var(--maxw);margin:10px auto 0;padding:0 20px;color:var(--muted);font-size:13px} .grid{max-width:var(--maxw);margin:16px auto 60px;padding:0 20px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)} @media (max-width:1100px){.grid{grid-template-columns:repeat(3,1fr)}} @media (max-width:800px){.grid{grid-template-columns:repeat(2,1fr)}} @media (max-width:520px){.grid{grid-template-columns:1fr}} .card{background:var(--card);border-radius:var(--radius);box-shadow:0 8px 28px rgba(0,0,0,.35);overflow:hidden;display:flex;flex-direction:column} .media{position:relative;aspect-ratio:16/9;background:#000} .media video,.media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} .content{padding:12px 12px 14px} .title{font-size:15px;font-weight:700;margin:0 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .blurb{font-size:13px;line-height:1.45;color:var(--muted);margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden} .meta{font-size:12px;color:var(--muted);margin-top:auto} .actions{display:flex;gap:10px;margin-top:10px} .btn{appearance:none;border:0;border-radius:10px;padding:8px 10px;font-size:13px;background:var(--accent);color:#fff;text-decoration:none;cursor:pointer} .btn.secondary{background:#2f2f37} .error{max-width:var(--maxw);margin:16px auto 0;padding:10px 20px;color:#fff;background:#b00020;border-radius:10px;display:none} 

 :root{ --bg:#0b0b0c; --card:#151518; --text:#f6f7fb; --muted:#9aa0a6; --accent:#2d6cdf; --radius:14px; --maxw:1200px; } html,body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif} header{max-width:var(--maxw);margin:32px auto 12px;padding:0 20px} h1{font-size:34px;margin:0 0 6px;font-weight:800} h2{font-size:18px;margin:0;color:var(--muted);text-transform:lowercase} .note{max-width:var(--maxw);margin:10px auto 0;padding:0 20px;color:var(--muted);font-size:13px} .grid{max-width:var(--maxw);margin:16px auto 60px;padding:0 20px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)} @media (max-width:1100px){.grid{grid-template-columns:repeat(3,1fr)}} @media (max-width:800px){.grid{grid-template-columns:repeat(2,1fr)}} @media (max-width:520px){.grid{grid-template-columns:1fr}} .card{background:var(--card);border-radius:var(--radius);box-shadow:0 8px 28px rgba(0,0,0,.35);overflow:hidden;display:flex;flex-direction:column} .media{position:relative;aspect-ratio:16/9;background:#000} .media video,.media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} .content{padding:12px 12px 14px} .title{font-size:15px;font-weight:700;margin:0 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .blurb{font-size:13px;line-height:1.45;color:var(--muted);margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden} .meta{font-size:12px;color:var(--muted);margin-top:auto} .actions{display:flex;gap:10px;margin-top:10px} .btn{appearance:none;border:0;border-radius:10px;padding:8px 10px;font-size:13px;background:var(--accent);color:#fff;text-decoration:none;cursor:pointer} .btn.secondary{background:#2f2f37} .error{max-width:var(--maxw);margin:16px auto 0;padding:10px 20px;color:#fff;background:#b00020;border-radius:10px;display:none} .ok{max-width:var(--maxw);margin:16px auto 0;padding:10px 20px;color:#0a2; background:#0a2/10%; border-radius:10px;display:none}