body{font-family:Arial,Helvetica,sans-serif;margin:0;background:#0b0f14;color:#e9eef5}
.wrap{max-width:1050px;margin:0 auto;padding:18px}
header{display:flex;justify-content:space-between;align-items:center}
.brand{font-weight:800;letter-spacing:.5px}
a{color:#9ad; text-decoration:none}
.hero h1{font-size:44px;margin:12px 0}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}
.card{background:#121a24;border:1px solid #1f2a3a;border-radius:12px;padding:16px}
.btn{display:inline-block;background:#2b6cb0;color:white;padding:10px 14px;border-radius:10px}
.muted{opacity:.75;margin-left:10px}
.foot{opacity:.6}
table{border-collapse:collapse}
th,td{border:1px solid #ddd;padding:6px}
.mono{font-family:ui-monospace,Consolas,monospace}
@media(max-width:900px){.grid{grid-template-columns:1fr}}