body{margin:0;background:#050a13;color:#f3f7ff;font-family:Arial,system-ui,sans-serif}.shell{max-width:1150px;margin:auto;padding:24px}h1{font-size:44px}.card{background:#101827;border:1px solid #304052;border-radius:20px;padding:22px;margin:18px 0}.tabs{display:flex;gap:10px;flex-wrap:wrap}.tabs button,button{background:linear-gradient(135deg,#38bdf8,#818cf8);color:#06111f;border:0;border-radius:999px;padding:12px 16px;font-weight:800;cursor:pointer}input,select,textarea{display:block;width:100%;margin:10px 0;padding:12px;border-radius:12px;border:1px solid #304052;background:#07111f;color:white}.hidden{display:none}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.item{border:1px solid #304052;border-radius:14px;padding:12px;margin:10px 0;background:#111c2e}.muted{color:#aab6cc}.tag{display:inline-block;border:1px solid #304052;border-radius:999px;padding:6px 9px;margin:3px;color:#aab6cc}.bad{color:#fecaca}.good{color:#bbf7d0}a{color:#93c5fd}
.topbar{display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;gap:14px;align-items:center}
.brand img{width:58px;height:58px;border-radius:16px}
.brand strong{display:block;font-size:24px}
.brand span{color:#aab6cc}
.hero{background:#101827;border:1px solid #304052;border-radius:22px;padding:24px;margin:16px 0}
.hero h1{font-size:42px;line-height:1;margin:0 0 10px}
.panel.hidden{display:none}
.media-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
.media{border:1px solid #304052;border-radius:14px;overflow:hidden;background:#0c1625}
.media video,.media img{width:100%;height:165px;object-fit:cover;background:#020617}
.media-body{padding:12px}
.media-title{font-weight:800;margin-bottom:6px}
.media-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.media-links a{color:#93c5fd;border:1px solid #304052;border-radius:999px;padding:6px 9px;text-decoration:none}
.source-title{color:#38bdf8;margin-top:20px}