.unified-navbar{z-index:1000;padding:8px 0;transition:all .4s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0;right:0}.unified-navbar:not(.scrolled){-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#0a0a0ff2 0%,#0a0a0fb3 100%)}.unified-navbar.scrolled{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#0a0a0ff2;border-bottom:1px solid #6366f126;box-shadow:0 8px 32px #0006}.navbar-container{background:#14142366;border:1px solid #6366f11a;border-radius:16px;justify-content:space-between;align-items:center;gap:40px;max-width:1360px;margin:0 auto;padding:12px 32px;display:flex}.navbar-logo{border-radius:12px;flex-shrink:0;align-items:center;gap:14px;padding:4px 8px;text-decoration:none;transition:all .3s;display:flex}.navbar-logo:hover{background:#6366f114}.logo-icon{background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 4px 20px #6366f159,inset 0 1px 1px #ffffff1a}.logo-icon:before{content:"";-webkit-mask-composite:xor;background:linear-gradient(135deg,#fff3,#0000);border-radius:12px;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.navbar-logo:hover .logo-icon{transform:translateY(-2px);box-shadow:0 6px 30px #6366f180,inset 0 1px 1px #ffffff26}.logo-icon svg{color:#fff;filter:drop-shadow(0 2px 4px #0000004d);width:24px;height:24px}.logo-text{color:#fff;letter-spacing:-.03em;background:linear-gradient(135deg,#fff 0%,#e0e7ff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.3rem;font-weight:700}.navbar-links{flex:1;justify-content:center;align-items:center;gap:6px;display:flex}.nav-link{color:#ffffffbf;letter-spacing:-.01em;border-radius:10px;align-items:center;gap:8px;padding:11px 20px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.nav-link:before{content:"";opacity:0;background:linear-gradient(135deg,#6366f133,#8b5cf633);border-radius:10px;transition:opacity .3s;position:absolute;inset:0}.nav-link:hover{color:#fff;background:#6366f11f;transform:translateY(-1px)}.nav-link:hover:before{opacity:1}.nav-link.active{color:#fff;background:#6366f133;box-shadow:0 0 20px #6366f14d,inset 0 1px 1px #ffffff1a}.nav-link.active:before{opacity:1}.nav-icon{font-size:1rem}.navbar-actions{align-items:center;gap:16px;display:flex}.nav-github{color:#ffffffbf;border:1px solid #ffffff14;border-radius:11px;justify-content:center;align-items:center;width:42px;height:42px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.nav-github:hover{color:#fff;background:#ffffff1a;border-color:#ffffff26;transform:translateY(-2px)}.nav-cta{color:#fff;letter-spacing:-.01em;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:1px solid #ffffff1a;border-radius:11px;padding:11px 24px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 16px #6366f159,inset 0 1px 1px #fff3}.nav-cta:before{content:"";opacity:0;background:linear-gradient(135deg,#fff3,#0000);transition:opacity .3s;position:absolute;inset:0}.nav-cta:hover{transform:translateY(-2px);box-shadow:0 6px 28px #6366f18c,inset 0 1px 1px #ffffff4d}.nav-cta:hover:before{opacity:1}.nav-cta:active{transform:translateY(0)}.mobile-menu-btn{cursor:pointer;background:0 0;border:none;width:40px;height:40px;padding:8px;display:none}.hamburger{flex-direction:column;justify-content:space-around;width:24px;height:18px;display:flex}.hamburger span{background:#fff;border-radius:1px;width:100%;height:2px;transition:all .3s}.hamburger.open span:first-child{transform:rotate(45deg)translate(5px,5px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.mobile-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a0ffa;border-bottom:1px solid #6366f11a;flex-direction:column;gap:8px;padding:16px 24px;display:none;position:absolute;top:100%;left:0;right:0}.mobile-menu.open{display:flex}.mobile-link{color:#fffc;border-radius:10px;align-items:center;gap:12px;padding:14px 16px;font-size:1rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.mobile-link:hover,.mobile-link.active{color:#fff;background:#6366f126}.mobile-cta{color:#fff;text-align:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:10px;margin-top:8px;padding:14px 20px;font-weight:600;text-decoration:none}@media (max-width:900px){.navbar-links,.navbar-actions{display:none}.mobile-menu-btn{justify-content:center;align-items:center;display:flex}.navbar-container{gap:16px;padding:12px 20px}}