*{box-sizing:border-box}body{margin:0;font-family:system-ui;background:#0b1220;color:#eef2ff}
header{padding:40px;text-align:center;background:linear-gradient(135deg,#111827,#1d4ed8)}
.wrap{max-width:1100px;margin:auto;padding:30px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.card{display:block;padding:22px;border-radius:18px;background:#172033;border:1px solid #2b3b59;color:#fff;text-decoration:none;transition:.2s}
.card:hover{transform:translateY(-5px);background:#2563eb}
.list a{display:block;margin:12px 0;padding:14px;background:#172033;border-radius:12px;color:#c7d2fe;text-decoration:none}
.list a:hover{background:#2563eb;color:#fff}
.small{opacity:.7}