.navbar{position:fixed;top:0;left:0;width:100%;padding:1rem 0;background-color:#0a0a0ad9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;border-bottom:1px solid rgba(255,255,255,.05)}.nav-content{display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;color:var(--text-primary)}.text-highlight{color:var(--accent-primary)}.nav-links{display:flex;gap:2rem}.nav-link{font-size:1rem;color:var(--text-secondary);font-weight:500;position:relative}.nav-link:hover,.nav-link.active{color:var(--text-primary)}.nav-link.active:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:2px;background-color:var(--accent-primary);border-radius:2px}.mobile-menu-btn{display:none;cursor:pointer;color:var(--text-primary)}.mobile-menu{display:none;position:fixed;top:60px;left:0;width:100%;background-color:var(--bg-secondary);padding:1rem;box-shadow:0 10px 30px #00000080;transform:translateY(-100%);opacity:0;transition:all .3s ease;pointer-events:none}.mobile-menu.active{transform:translateY(0);opacity:1;pointer-events:all}.mobile-menu ul{display:flex;flex-direction:column;gap:1rem}.mobile-menu a{display:block;padding:1rem;color:var(--text-secondary);font-weight:600;border-bottom:1px solid rgba(255,255,255,.05)}.mobile-menu a.active{color:var(--accent-primary);border-left:3px solid var(--accent-primary);padding-left:calc(1rem - 3px)}@media(max-width:768px){.desktop-only{display:none}.mobile-menu-btn,.mobile-menu{display:block}}:root{--bg-primary: #0a0a0a;--bg-secondary: #121212;--bg-card: #1e1e1e;--text-primary: #ffffff;--text-secondary: #a1a1aa;--text-accent: #64ffda;--accent-primary: #2563eb;--accent-glow: rgba(37, 99, 235, .5);--font-heading: "Inter", sans-serif;--font-body: "Inter", sans-serif;--transition-fast: .2s ease;--transition-medium: .3s ease;--spacing-section: 6rem}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{text-decoration:none;color:inherit;transition:color var(--transition-fast)}ul{list-style:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2}h1{font-size:clamp(2.5rem,5vw,4rem);background:linear-gradient(to right,#fff,#a1a1aa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h2{font-size:clamp(2rem,4vw,3rem);margin-bottom:2rem}h3{font-size:1.5rem;color:var(--text-primary)}p{color:var(--text-secondary);margin-bottom:1rem}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.section{padding:var(--spacing-section) 0}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:var(--accent-primary);color:#fff;border-radius:8px;font-weight:600;transition:all var(--transition-medium);border:1px solid transparent;cursor:pointer}.btn:hover{background-color:transparent;border-color:var(--accent-primary);box-shadow:0 0 15px var(--accent-glow)}.btn-outline{background-color:transparent;border:1px solid var(--text-secondary);color:var(--text-secondary)}.btn-outline:hover{border-color:var(--text-primary);color:var(--text-primary)}.card{background-color:var(--bg-card);padding:2rem;border-radius:12px;border:1px solid rgba(255,255,255,.05);transition:transform var(--transition-medium),box-shadow var(--transition-medium)}.card:hover{transform:translateY(-5px);box-shadow:0 10px 30px -10px #00000080;border-color:#ffffff1a}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.gradient-text{background:linear-gradient(135deg,var(--text-primary),var(--text-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.neon-accent{position:absolute;width:200px;height:200px;background:var(--accent-primary);filter:blur(100px);opacity:.15;border-radius:50%;z-index:-1}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.mobile-nav-enter{opacity:0;transform:translate(100%)}.mobile-nav-enter-active{opacity:1;transform:translate(0);transition:all .3s ease}.mobile-nav-exit{opacity:1;transform:translate(0)}.mobile-nav-exit-active{opacity:0;transform:translate(100%);transition:all .3s ease}