*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}:root{--bg:#07070f;--bg2:#0d0b22;--bg3:#12102a;--bg4:#1a1740;--border:rgba(167,139,250,.12);--border2:rgba(167,139,250,.22);--text:#f0f0ff;--text2:#c4b5fd;--muted:#9090c0;--purple:#7c3aed;--purpleL:#a78bfa;--purpleLL:#c4b5fd;--green:#10b981;--greenL:#34d399;--yellow:#fbbf24;--pink:#fda4af;--orange:#f97316;--blue:#3b82f6;--red:#ef4444;--nav-h:64px;--font-display:"Space Grotesk",sans-serif;--font-body:"Inter",sans-serif}[data-theme=light]{--bg:#f8f7ff;--bg2:#ede9fe;--bg3:#fff;--bg4:#f0ebff;--border:rgba(124,58,237,.1);--border2:rgba(124,58,237,.22);--text:#0f0f1a;--text2:#4c1d95;--muted:#6b6b9a}body{font-family:var(--font-body);background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;transition:background .3s,color .3s}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--purple);border-radius:3px}a{text-decoration:none;color:inherit}button{cursor:pointer}img{max-width:100%}h1,h2,h3,h4{font-family:var(--font-display);font-weight:800}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}@keyframes slideUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes bounceIn{0%{transform:scale(.85);opacity:0}60%{transform:scale(1.04);opacity:1}to{transform:scale(1)}}@keyframes wave{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1.5)}}@keyframes bounce-dot{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes twinkle{0%,to{opacity:.15}50%{opacity:.85}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.float{animation:float 4s ease-in-out infinite}.slide-up{animation:slideUp .4s ease forwards}.fade-in{animation:fadeIn .35s ease forwards}.grad-purple{background:linear-gradient(135deg,#a78bfa,#7c3aed);-webkit-background-clip:text;background-clip:text}.grad-green,.grad-purple{-webkit-text-fill-color:transparent}.grad-green{background:linear-gradient(135deg,#10b981,#34d399);-webkit-background-clip:text;background-clip:text}.grad-full{background:linear-gradient(135deg,#a78bfa,#34d399,#fbbf24);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}