:root { --bg:#0f1720; --card:#17222e; --ink:#e8eef5; --accent:#39c9a5; }
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--ink);
       font-family: system-ui, "Segoe UI", Tahoma, sans-serif; line-height:1.7; }
main { max-width: 46rem; margin: 0 auto; padding: 3rem 1.25rem; }
h1 { margin:0 0 .25rem; font-size: clamp(1.6rem, 4vw, 2.4rem); }
.sub { margin:0 0 2rem; opacity:.7; }
.grid { list-style:none; padding:0; margin:0; display:grid; gap:.75rem; }
.grid a { display:block; padding:1rem 1.25rem; background:var(--card);
          border-radius:.9rem; color:var(--ink); text-decoration:none;
          border:1px solid transparent; transition:.15s; }
.grid a:hover { border-color:var(--accent); transform: translateY(-2px); }