@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root{--bg-color: #f8fafc;--text-main: #0f172a;--text-secondary: #64748b;--card-bg: rgba(255, 255, 255, .4);--nav-bg-top: rgba(255, 255, 255, .6);--nav-bg-scrolled: rgba(255, 255, 255, .95);--nav-border: rgba(255, 255, 255, .6);--nav-border-scrolled: rgba(226, 232, 240, .8);--page-gradient: linear-gradient(to bottom, #e0e7ff 0%, #f8fafc 15%, #f1f5f9 50%, #e2e8f0 85%, #f8fafc 100%);--shadow-color: rgba(148, 163, 184, .08);--spotlight-color: rgba(99, 102, 241, .15)}html{width:100%;max-width:100vw;overflow-x:hidden}body{font-family:Inter,sans-serif;background:var(--page-gradient);color:var(--text-main);width:100%;max-width:100vw;overflow-x:hidden;position:relative;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden!important;height:100vh;touch-action:none}.flow-container{position:relative;width:100%;max-width:100vw;overflow:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:#64748b;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#475569}.nav-container{position:fixed;top:1rem;left:50%;transform:translate(-50%);width:95%;max-width:1200px;z-index:50;transition:all .4s cubic-bezier(.16,1,.3,1)}.glass-nav{background:var(--nav-bg-top);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--nav-border);border-radius:100px;padding:.75rem 1.5rem;box-shadow:0 4px 20px #0000000d;transition:all .4s cubic-bezier(.16,1,.3,1)}@media(max-width:768px){.nav-container{top:1rem;width:90%}body.is-scrolled .nav-container{top:.75rem;width:94%}.glass-nav{padding:.5rem .75rem;background:#ffffffbf;-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);border:1px solid rgba(255,255,255,.5);border-radius:999px;box-shadow:0 8px 32px #00000014}}@media(min-width:768px){.nav-container{top:2rem;width:92%}body.is-scrolled .glass-nav{background:var(--nav-bg-scrolled);border-color:var(--nav-border-scrolled);padding:.6rem 1.5rem;box-shadow:0 10px 40px -10px var(--shadow-color)}body.is-scrolled .nav-container{top:1rem;width:96%;max-width:1200px}}.nav-link{position:relative;font-size:.9rem;font-weight:600;color:var(--text-secondary);padding:.5rem 1rem;border-radius:20px;transition:all .2s ease}.nav-link:hover{color:var(--text-main);background-color:#6366f114}.nav-link.active{color:#6366f1;background-color:#6366f11f}.nav-divider{width:1px;height:24px;background-color:#0000001a;margin:0 .5rem}.dropdown-menu{position:absolute;top:100%;right:-10px;margin-top:1.5rem;min-width:240px;background:var(--nav-bg-scrolled);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--nav-border-scrolled);border-radius:16px;padding:.5rem;box-shadow:0 20px 40px -5px var(--shadow-color),0 0 1px #0000001a;opacity:0;transform:translateY(15px) scale(.95);pointer-events:none;transition:all .25s ease-out;transform-origin:top right;z-index:100}.dropdown-menu.show{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.dropdown-item{display:flex;align-items:center;gap:10px;padding:10px;border-radius:10px;transition:all .2s ease}.dropdown-item:hover{background-color:#6366f10d;transform:translate(3px)}.glass-card{background:var(--card-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.6);border-radius:2rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 10px 40px -10px var(--shadow-color)}.glass-card:hover{transform:translateY(-5px);box-shadow:0 20px 50px -10px var(--shadow-color)}.reveal-on-scroll{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.16,1,.3,1)}.reveal-on-scroll.is-visible{opacity:1;transform:translateY(0)}
