:root{--color-black:#0d0d0d;--color-white:#f2f2f0;--color-grey-1:#1a1a1a;--color-grey-2:#2e2e2e;--color-grey-3:#5c5c5c;--color-grey-4:#9a9a9a;--color-grey-5:#d4d4d0;--color-accent:#6b7c93;--color-accent-light:#8fa0b8;--font-display:var(--font-space-grotesk);--font-body:var(--font-inter);--space-unit:8px;--ease-out-expo:cubic-bezier(.16,1,.3,1);--ease-in-out:cubic-bezier(.65,0,.35,1);--duration-fast:.2s;--duration-mid:.5s;--duration-slow:.9s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--color-black);color:var(--color-white);font-family:var(--font-body),system-ui,sans-serif;flex-direction:column;min-height:100svh;font-size:16px;line-height:1.6;display:flex;overflow-x:hidden}body>main{flex:1}::selection{background:var(--color-accent);color:var(--color-white)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--color-black)}::-webkit-scrollbar-thumb{background:var(--color-grey-2);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}