:root{--bg-color: #050505;--bg-secondary: #0a0a0a;--bg-tertiary: #141414;--text-primary: #f5f5f5;--text-secondary: #a3a3a3;--accent-primary: #8b5cf6;--accent-secondary: #3b82f6;--accent-gradient: linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));--border-color: rgba(255, 255, 255, .1);--glass-bg: rgba(10, 10, 10, .7);--font-heading: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--nav-height: 80px}*{margin:0;padding:0;box-sizing:border-box}html,body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-body);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative}@keyframes pulseGlow{0%,to{opacity:.7;box-shadow:inset 0 0 150px #8b5cf626}50%{opacity:1;box-shadow:inset 0 0 200px #8b5cf640}}@keyframes gridDrift{0%{background-position:0 0}to{background-position:50px 50px}}.ambient-viewport-glow{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:9999;box-shadow:inset 0 0 150px #8b5cf626;border:1px solid rgba(139,92,246,.05);animation:pulseGlow 6s ease-in-out infinite}.bg-grid-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:linear-gradient(to right,rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.02) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:-3;animation:gridDrift 15s linear infinite}#bg-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:-2}.pointer-glow{position:fixed;top:0;left:0;width:400px;height:400px;background:radial-gradient(circle,rgba(139,92,246,.15) 0%,transparent 70%);border-radius:50%;pointer-events:none;transform:translate(calc(var(--x, 0) * 1px - 200px),calc(var(--y, 0) * 1px - 200px));z-index:-1;transition:transform .1s ease-out}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;line-height:1.2;margin-bottom:1rem}a{color:inherit;text-decoration:none;transition:all .3s ease}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem}.section{padding:6rem 0}.text-gradient{color:var(--accent-primary)}.text-center{text-align:center}.text-secondary{color:var(--text-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.8rem 2rem;border-radius:9999px;font-weight:500;font-family:var(--font-heading);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;font-size:1rem}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 15px #8b5cf64d}.btn-primary:hover{background:white;color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 8px 25px #fff3}.btn-outline{background:transparent;border:1px solid var(--border-color);color:var(--text-primary)}.btn-outline:hover{background:var(--text-primary);color:var(--bg-color);border-color:var(--text-primary)}.navbar{position:fixed;top:0;left:0;width:100%;height:var(--nav-height);background:transparent;border-bottom:1px solid transparent;z-index:1000;display:flex;align-items:center;transition:background .3s ease,border-color .3s ease,backdrop-filter .3s ease}.navbar.scrolled{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color)}.navbar .container{display:flex;justify-content:space-between;align-items:center}.nav-brand{display:flex;align-items:center;gap:.5rem;font-family:var(--font-heading);font-size:1.5rem;font-weight:700}.nav-links{display:flex;gap:2rem;list-style:none}.nav-link{font-size:.95rem;font-weight:500;color:var(--text-secondary);position:relative}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--accent-gradient);transition:width .3s ease}.nav-link:hover{color:var(--text-primary)}.nav-link:hover:after{width:100%}.mobile-toggle{display:none;background:none;border:none;color:var(--text-primary);font-size:1.5rem;cursor:pointer}.grid{display:grid;gap:2rem}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.reveal{opacity:0;transform:translateY(60px);transition:all 1.2s cubic-bezier(.16,1,.3,1)}.reveal.active{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}@media (max-width: 768px){.nav-links{display:none;position:absolute;top:var(--nav-height);left:0;width:100%;background:var(--bg-secondary);flex-direction:column;padding:2rem;gap:1.5rem;border-bottom:1px solid var(--border-color)}.nav-links.active{display:flex}.mobile-toggle{display:block}.grid-2,.grid-3{grid-template-columns:1fr}.section{padding:4rem 0}}