*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#0f1220;color:#eef0ff}
header{padding:2rem 1rem 1rem;text-align:center}h1{margin:0;font-size:1.6rem}header p{margin:.4rem 0 0;color:#a9aed0}
.g{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;padding:1rem;max-width:880px;margin:0 auto}
.k{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 8px;border-radius:14px;background:#1a1f38;color:inherit;text-decoration:none}
.k:hover,.k:focus{background:#242b4d}.k img{border-radius:18px}.k small{color:#a9aed0}