body{
margin:0;
font-family:system-ui,Segoe UI,Roboto,Arial;
background:#0b0f14;
color:#e9eef7;
}
a{color:#ff9c66;text-decoration:none}
.topbar{background:#0e141c;border-bottom:1px solid #222}
.topbar-inner{
max-width:1200px;
margin:auto;
padding:14px;
display:flex;
justify-content:space-between;
}
.nav a{margin-left:14px}
.wrap{max-width:1200px;margin:auto;padding:20px}
.hero{padding:40px 0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}
.card{background:#121926;border:1px solid #222;border-radius:12px;padding:16px}
.muted{opacity:.7}
.badge{background:#ff6a3d;padding:2px 8px;font-size:11px;border-radius:999px}
.announcement,.news{border-top:1px dashed #333;padding-top:10px;margin-top:10px}
.date{font-size:12px;opacity:.6}
.footer{margin-top:40px;padding-top:20px;border-top:1px solid #222;text-align:center;opacity:.7}