.navbar{-webkit-backdrop-filter:var(--glass-backdrop) saturate(180%);backdrop-filter:var(--glass-backdrop) saturate(180%);background:var(--glass-bg);box-shadow:var(--shadow-sm);left:0;padding:1.5rem 0;position:fixed;top:0;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%;z-index:100}.navbar,.navbar.scrolled{border-bottom:1px solid var(--glass-border)}.navbar.scrolled{-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:#f8fafc1a;box-shadow:var(--shadow-md);padding:1rem 0}.nav-container{justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem;width:90%}.nav-container,.nav-logo{align-items:center;display:flex;position:relative}.nav-logo{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;cursor:pointer;font-family:Montserrat Bold,sans-serif;font-size:2.6rem;font-weight:700;gap:.5rem;letter-spacing:-.02em;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1)}.nav-logo:before{content:"✨";font-size:1.8rem;opacity:0;transform:scale(.8) rotate(-10deg);transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-logo:hover{filter:drop-shadow(var(--glow-stellar));transform:translateY(-2px)}.nav-logo:hover:before{opacity:1;transform:scale(1) rotate(0deg)}.nav-items{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;box-shadow:var(--shadow-md);display:flex;gap:.5rem;padding:.5rem;position:relative}.nav-indicator{background:var(--gradient-primary);border-radius:16px;box-shadow:var(--glow-stellar);height:calc(100% - 1rem);opacity:.9;position:absolute;top:.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:0}.nav-items li{list-style:none;position:relative;z-index:1}.nav-link{align-items:center;border:none;border-radius:16px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-size:1.5rem;font-weight:500;gap:.6rem;outline:none;padding:1rem 1.5rem;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.nav-icon{height:1.8rem;opacity:.7;width:1.8rem}.nav-icon,.nav-text{transition:all .3s ease}.nav-link:hover{color:var(--accent-color);transform:translateY(-1px)}.nav-link:hover .nav-icon{filter:drop-shadow(0 0 8px var(--accent-color));opacity:1;transform:scale(1.1)}.nav-link:focus{outline:none}.nav-link.active{color:var(--text-primary);font-weight:600;text-shadow:0 1px 2px #0000001a}.nav-link.active .nav-icon{opacity:1;transform:scale(1.05)}.mobile-menu-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;box-shadow:var(--shadow-sm);color:var(--text-primary);cursor:pointer;display:none;height:4.5rem;justify-content:center;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:4.5rem}.mobile-menu-icon:hover{background:var(--glass-bg);border-color:var(--accent-color);box-shadow:var(--shadow-md);color:var(--accent-color);transform:translateY(-2px)}.mobile-menu-icon:active{transform:translateY(0) scale(.95)}.mobile-menu-icon svg{height:2.4rem;transition:all .3s ease;width:2.4rem}.close-nav-icon{display:none}@media only screen and (max-width:768px){.navbar{padding:1.2rem 0}.nav-container{padding:0 1rem;width:95%}.nav-logo{font-size:2.2rem}.mobile-menu-icon{display:flex}.nav-items{-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:20px;box-shadow:var(--shadow-xl);flex-direction:column;gap:.5rem;max-width:calc(100vw - 2rem);opacity:0;padding:2rem;position:absolute;right:1rem;top:calc(100% + 1.5rem);transform:translateY(-20px) scale(.95);transition:all .4s cubic-bezier(.4,0,.2,1);visibility:hidden;width:320px}.nav-indicator{display:none}.nav-items.show{opacity:1;transform:translateY(0) scale(1);visibility:visible}.close-nav-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:10px;color:var(--text-secondary);cursor:pointer;display:flex;height:3.5rem;justify-content:center;margin:-1rem -1rem 1.5rem auto;transition:all .3s cubic-bezier(.4,0,.2,1);width:3.5rem}.close-nav-icon:hover{background:var(--glass-bg);border-color:var(--accent-color);color:var(--text-primary);transform:rotate(90deg)}.close-nav-icon svg{height:2rem;width:2rem}.nav-items li{margin-bottom:.5rem;width:100%}.nav-items li:last-child{margin-bottom:0}.nav-link{background:#0000;border:none;border-radius:12px;font-size:1.6rem;outline:none;padding:1.5rem 2rem;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.nav-link:hover{background:#4fc3f714;transform:translateX(4px)}.nav-link:focus{outline:none}.nav-link.active{background:var(--gradient-primary);box-shadow:var(--glow-stellar);color:var(--text-primary)}.nav-link.active .nav-icon{opacity:1}}@media only screen and (max-width:480px){.nav-container{padding:0 .5rem;width:98%}.nav-items{padding:1.5rem;right:.5rem;width:calc(100vw - 1rem)}.nav-logo{font-size:2rem}}@media (prefers-reduced-motion:reduce){.close-nav-icon,.mobile-menu-icon,.nav-icon,.nav-items,.nav-link,.nav-logo,.navbar{transition:none}}@media (prefers-contrast:high){.navbar{border-bottom:2px solid var(--text-primary)}.nav-link{border:1px solid #0000}.nav-link:focus{border-color:var(--accent-color);outline:none}}