*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--dark-bg: #0a0a0f;--dark-surface: #111118;--dark-card: #16161f;--dark-border: #2a2a3a;--dark-text: #f0eff5;--dark-muted: #8888aa;--light-bg: #f5f0e8;--light-surface:#ffffff;--light-border: #d4cdc0;--light-text: #0e0e0e;--light-muted: #6b6457;--teal: #1a8f7a;--teal-light: #e8f5f1;--teal-dark: #0d6b5a;--amber: #c97a20;--purple: #7b5ea7;--red: #c0392b;--radius: 12px;--shadow: 0 4px 24px rgba(0,0,0,.12)}html{scroll-behavior:smooth}body{font-family:Syne,sans-serif;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button{font-family:Syne,sans-serif;cursor:pointer}input,textarea,select{font-family:Syne,sans-serif}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--dark-border);border-radius:3px}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.fade-up{animation:fadeUp .6s ease-out both}.fade-in{animation:fadeIn .4s ease-out both}.spin{animation:spin .8s linear infinite}