*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#1b1f24;background:#f6f7f9;line-height:1.6}
header{background:#0d1b2a;color:#fff;padding:14px 20px}header a{color:#fff;text-decoration:none}.brand{font-weight:800;font-size:1.3rem;letter-spacing:.5px}
nav{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:8px}nav a{font-size:.92rem;opacity:.9}main{max-width:960px;margin:0 auto;padding:24px 20px}
.hero{background:linear-gradient(135deg,#0d1b2a,#1b4965);color:#fff;padding:48px 20px;text-align:center}.hero h1{margin:0 0 10px;font-size:2.2rem}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.card{background:#fff;border-radius:10px;padding:18px;box-shadow:0 1px 3px rgba(0,0,0,.08)}
.card h3{margin-top:0}a{color:#1b6ca8}.btn{display:inline-block;background:#f4a261;color:#0d1b2a;padding:10px 18px;border-radius:6px;font-weight:700;text-decoration:none}
.disc{background:#fff8e1;border-left:4px solid #f4a261;padding:12px 14px;margin:16px 0;font-size:.93rem}.aff{background:#ffe0e0;color:#a00;font-weight:700;padding:1px 6px;border-radius:4px;font-size:.85rem}
.vid{border:2px dashed #999;background:#eee;padding:40px 16px;text-align:center;color:#555;margin:18px 0;border-radius:8px}.src{font-size:.85rem;color:#555}
footer{background:#0d1b2a;color:#cbd5e1;padding:20px;text-align:center;font-size:.9rem}footer a{color:#fff}.tbd{background:#e0e7ff;padding:0 4px;border-radius:3px}