@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700&display=swap";
:root{--background:#050505;--foreground:#fff;--primary:#9d4edd;--secondary:#240046;--accent:#00d4ff;--glass-bg:#ffffff08;--glass-border:#ffffff1a;--glass-blur:12px;--font-inter:"Inter",sans-serif;--font-outfit:"Outfit",sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--background);max-width:100vw;color:var(--foreground);font-family:var(--font-inter);scroll-behavior:smooth;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-outfit)}a{color:inherit;text-decoration:none}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:16px}.glass-card{transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s}.glass-card:hover{border-color:#fff3;transform:translateY(-8px);box-shadow:0 10px 30px -10px #00000080}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}@keyframes gradientBg{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.animate-fade-in{animation:.8s ease-out forwards fadeIn}.animate-slide-up{animation:.8s ease-out forwards slideUp}.animate-float{animation:4s ease-in-out infinite float}.text-gradient{background:linear-gradient(90deg,var(--primary),var(--accent));-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:5s infinite gradientBg}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}