*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary: #050510;--bg-secondary: #0d0d2b;--bg-card: rgba(255, 255, 255, .04);--bg-card-hover: rgba(255, 255, 255, .08);--purple: #7c3aed;--purple-light: #a855f7;--purple-glow: rgba(124, 58, 237, .3);--gold: #f59e0b;--gold-light: #fbbf24;--text-primary: #f9fafb;--text-secondary: #9ca3af;--text-muted: #6b7280;--border: rgba(255, 255, 255, .08);--border-purple: rgba(124, 58, 237, .4)}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);overflow-x:hidden;line-height:1.6}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--purple);border-radius:3px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse-ring{0%{transform:scale(.8);opacity:1}to{transform:scale(2.5);opacity:0}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes slide-in-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.animate-slide-up{animation:slide-in-up .7s ease forwards}.animate-fade-in{animation:fade-in 1s ease forwards}