*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0a0a0b;--bg2: #111114;--bg3: #18181d;--border: rgba(255,255,255,.07);--border2: rgba(255,255,255,.12);--text: #f0f0ee;--text2: rgba(240,240,238,.5);--text3: rgba(240,240,238,.25);--green: #4ade80;--yellow: #facc15;--orange: #fb923c;--accent: #4ade80;--accent2: #22c55e;--red: #f87171;--radius: 12px;--radius-sm: 7px}html{font-size:16px}body{background:var(--bg);color:var(--text);font-family:DM Sans,sans-serif;line-height:1.6;min-height:100vh;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E")}h1,h2,h3,h4{font-family:Inter,sans-serif;line-height:1.15}button{cursor:pointer;font-family:inherit}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:99px}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}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 slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes codeAppear{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}