@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{--def-black:#050505;--def-white:#fff;--def-purple:#8b5cf6;--def-purple-glow:#8b5cf666;--background:var(--def-black);--foreground:var(--def-white);--card-bg:#ffffff0d;--card-border:#ffffff1a;--glass-bg:#ffffff08;--glass-blur:blur(20px);--transition-smooth:all .6s cubic-bezier(.16,1,.3,1);--transition-fast:all .3s ease}[data-theme=light]{--background:var(--def-white);--foreground:var(--def-black);--card-bg:#00000008;--card-border:#0000000f;--glass-bg:#ffffffb3}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;transition:var(--transition-smooth);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,.font-display{font-family:Outfit,sans-serif;font-weight:600}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.glass{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--card-border)}.purple-glow{box-shadow:0 0 30px var(--def-purple-glow)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-purple{0%{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}to{opacity:.5;transform:scale(1)}}.animate-fade-in{animation:fadeIn .8s var(--transition-smooth)forwards}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--def-black)}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--def-purple)}
.navbar{z-index:1000;height:80px;transition:var(--transition-smooth);align-items:center;padding:0 40px;display:flex;position:fixed;top:0;left:0;right:0}.navbar.scrolled{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#050505cc;border-bottom:1px solid #ffffff1a;height:60px}.navbar-container{justify-content:space-between;align-items:center;width:100%;max-width:1400px;margin:0 auto;display:flex}.logo{letter-spacing:-.5px;font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:700}.purple-text{color:var(--def-purple)}.nav-links{align-items:center;gap:32px;display:flex}.nav-link{opacity:.8;transition:var(--transition-fast);font-size:.9rem;font-weight:500}.nav-link:hover{opacity:1;color:var(--def-purple)}.btn-white{background:var(--def-white);border-radius:100px;padding:10px 24px;color:var(--def-black)!important;opacity:1!important}.btn-white:hover{transform:translateY(-2px);box-shadow:0 10px 20px #ffffff1a}@media (max-width:768px){.navbar{padding:0 20px}.nav-links{gap:20px}}