*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #080808;--bg2: #0f0f0f;--bg3: #141414;--surface: #1a1a1a;--border: #242424;--border2: #2e2e2e;--text: #f0ede8;--text2: #9a9589;--text3: #5a5550;--accent: #e8d5a3;--accent2: #c4a96b;--accent3: #8b6914;--green: #4ade80;--red: #f87171;--font-display: "Syne", sans-serif;--font-body: "Instrument Sans", sans-serif;--font-mono: "DM Mono", monospace}html{scroll-behavior:smooth;overflow-x:hidden}body{background:var(--bg);color:var(--text);font-family:var(--font-body);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}::selection{background:var(--accent);color:var(--bg)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;font-family:var(--font-body)}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideLeft{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes grain{0%,to{transform:translate(0)}10%{transform:translate(-2%,-3%)}30%{transform:translate(3%,-1%)}50%{transform:translate(-1%,2%)}70%{transform:translate(2%,3%)}90%{transform:translate(-3%,1%)}}.animate-fade-up{animation:fadeUp .7s ease forwards}.animate-fade-in{animation:fadeIn .5s ease forwards}