@import "https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=Space+Grotesk:wght@300;400;500;600;700&display=swap";
:root{--bg:#fff;--surface:#f5f5f5;--text:#111;--secondary:#555;--accent:#4f46e5;--border-color:#0000000d;--border-dark-color:#00000026;--nav-bg:#ffffffd9;--highlight-gradient:radial-gradient(circle, #0000000f 0%, #fff0 60%);--logo-filter:none}.dark{--bg:#000;--surface:#0b0b0c;--text:#fff;--secondary:#a1a1aa;--accent:#4f46e5;--border-color:#ffffff0d;--border-dark-color:#ffffff26;--nav-bg:#000000bf;--highlight-gradient:radial-gradient(circle, #ffffff0f 0%, #0000 60%);--logo-filter:invert(1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg);width:100%;color:var(--text);scroll-behavior:auto;overflow-x:clip}html.theme-transition,html.theme-transition *,html.theme-transition :before,html.theme-transition :after{transition:background-color .3s,color .3s,border-color .3s,fill .3s,stroke .3s,background .3s!important}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}