@import "https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#04030a;--bg-card:#080e08;--bg-hover:#0a1f0a;--green-dim:#1a2e1a;--green-mid:#1d9e75;--green-hi:#5dcaa5;--green-pale:#9fe1cb;--text-pri:#e8f5e2;--text-sec:#4a6e4a;--text-mute:#2a3e2a;--font-head:"Syne", sans-serif;--font-mono:"JetBrains Mono", monospace;--radius-sm:6px;--radius-md:10px;--radius-lg:14px}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text-pri);font-family:var(--font-head);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:1.7}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:var(--font-head)}::selection{background:var(--green-mid);color:var(--bg)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--green-dim);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--green-mid)}