body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#0f172a;color:#e5e7eb}
.wrap{max-width:980px;margin:auto;padding:18px}
.top{background:#0b1222;border-bottom:1px solid #1f2a44;position:sticky;top:0}
.brand{font-weight:800}
.nav{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px}
.nav a{color:#e5e7eb;text-decoration:none;padding:8px 10px;border-radius:10px;background:#111c33}
.nav a:hover{background:#16264a}
.h1{margin:12px 0 6px;font-size:28px}
.sub{margin:0 0 16px;color:#cbd5e1}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.card{display:block;text-decoration:none;color:inherit;background:#0b1222;border:1px solid #1f2a44;border-radius:14px;overflow:hidden}
.card img{width:100%;display:block}
.card h2{font-size:18px;margin:12px 12px 6px}
.card p{margin:0 12px 12px;color:#cbd5e1;line-height:1.6}
img{max-width:100%;border-radius:14px;margin:12px 0;border:1px solid #1f2a44}
.alert{background:#111c33;border-left:4px solid #facc15;padding:12px 14px;border-radius:12px;margin:14px 0}