:root{--perola:#f7f4f8;--madrugada:#17152b;--ameixa:#3a2a5c;--nevoa:#eee9f4;--ink-soft:#5e5873;--line:#e2dce8;--bg:var(--perola);--surface:#fff;--fg:var(--madrugada);--focus:var(--ameixa)}@media (prefers-color-scheme:dark){:root{--bg:#121022;--surface:#1b1830;--fg:#f3eff7;--ink-soft:#a9a2bf;--line:#2c2742;--focus:#a99be0}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;font-family:Figtree,system-ui,-apple-system,Segoe UI,sans-serif}main{max-width:960px;margin:0 auto;padding:48px 16px}h1{margin:0 0 8px;font-family:Instrument Serif,Georgia,serif;font-size:2.5rem;font-weight:400}p{color:var(--ink-soft);line-height:1.5}a{color:inherit}.grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-top:32px;display:grid}.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;min-height:44px;padding:20px;text-decoration:none;display:block}.card:hover{border-color:var(--focus)}.card:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.env{background:var(--line);border-radius:999px;padding:2px 8px;font-size:12px;display:inline-block}