.media-hero { background: linear-gradient(135deg, rgba(10,31,68,.96), rgba(21,66,115,.92)); color:#fff; border-radius:28px; padding:48px; margin:26px auto; max-width:1120px; box-shadow:0 20px 50px rgba(10,31,68,.25); }
.media-hero .eyebrow { color:#f4c8c8; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.media-hero h1 { font-size:clamp(2.2rem,5vw,4rem); margin:.25rem 0; }
.media-hero p { max-width:760px; font-size:1.12rem; line-height:1.7; }
.media-grid { max-width:1120px; margin:26px auto; display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:20px; }
.media-card { background:#fff; border:1px solid rgba(10,31,68,.1); border-radius:22px; padding:26px; box-shadow:0 12px 32px rgba(10,31,68,.08); }
.media-card.featured { border-top:6px solid #c3262d; }
.media-card .icon { font-size:2.3rem; margin-bottom:10px; }
.media-card h2, .media-card h3 { color:#0a1f44; margin:.25rem 0 .6rem; }
.media-card p { color:#4a5568; line-height:1.65; }
.media-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:18px; }
.watch-panel { max-width:1120px; margin:26px auto; background:#f6f8fb; border-radius:24px; padding:30px; border:1px solid rgba(10,31,68,.08); }
.watch-panel h2 { color:#0a1f44; }
.media-list { max-width:1120px; margin:26px auto 46px; display:grid; gap:14px; }
.media-row { background:#fff; border:1px solid rgba(10,31,68,.1); border-radius:18px; padding:18px 20px; display:flex; justify-content:space-between; gap:18px; align-items:center; box-shadow:0 8px 22px rgba(10,31,68,.06); }
.media-row strong { color:#0a1f44; display:block; }
.media-row small { color:#697386; }
.media-help { max-width:1120px; margin:26px auto; background:#fff7f7; border-left:6px solid #c3262d; border-radius:18px; padding:22px; }
.admin-media-form label { display:block; margin-bottom:14px; font-weight:700; color:#0a1f44; }
.admin-media-form input, .admin-media-form textarea, .admin-media-form select { width:100%; padding:12px; border:1px solid rgba(10,31,68,.18); border-radius:12px; margin-top:6px; }
@media (max-width:720px){ .media-hero { padding:30px 22px; border-radius:20px; } .media-row { display:block; } .media-row a { margin-top:12px; display:inline-flex; } }