@import "https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=DM+Mono:wght@300;400;500&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#08080e;--surface:#0f0f1a;--surface2:#161625;--border:#ffffff12;--border-hover:#ffffff26;--accent:#7c6af7;--accent2:#f25c7e;--accent3:#3ecfcf;--text:#e8e8f0;--muted:#6b6b80;--success:#3ecf8e}html,body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Syne,sans-serif}button{cursor:pointer;font-family:Syne,sans-serif}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--surface2);border-radius:3px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.fade-up{animation:.4s forwards fadeUp}