.navbar{display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#0B0F19,#1a1f2e,#0B0F19);position:sticky;top:0;z-index:100;backdrop-filter:blur(10px);box-shadow:0 -2px 20px rgba(255,255,255,.08),0 4px 20px rgba(0,0,0,.4)}.logo{position:absolute;left:40px;font-size:28px;color:#FFFFFFB2;font-weight:500;font-family:Inconsolata,sans-serif}.nav-links{position:relative;display:flex;gap:30px;list-style:none;padding:14px;margin:10px;background:rgba(255,255,255,.1);border-radius:4px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.25);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1)}.nav-links li a{position:relative;z-index:1;color:#ccc;text-decoration:none;font-size:1rem;font-weight:500;padding:10px 20px;border-radius:10px;transition:color .3s ease;padding-block:10px}.nav-links li a.active,.nav-links li a:hover{color:white}.active-indicator{position:absolute;top:4px;bottom:4px;left:0;width:0;background-color:#2F6EDF;border-radius:4px;transition:transform .3s ease,width .3s ease;z-index:0}html{scroll-behavior:smooth}.hamburger{display:none;flex-direction:column;gap:4px;cursor:pointer;position:absolute;right:20px}.hamburger span{width:25px;height:3px;background-color:white;transition:all .3s ease;border-radius:2px}.hamburger span.open:first-child{transform:rotate(45deg) translateY(8px)}.hamburger span.open:nth-child(2){opacity:0}.hamburger span.open:nth-child(3){transform:rotate(-45deg) translateY(-8px)}@media (max-width:768px){.hamburger{display:flex}.navbar{padding-top:30px;padding-bottom:30px}.nav-links{flex-direction:column;gap:16px;position:absolute;top:70px;right:20px;background-color:rgba(11,15,25,.95);padding:20px;border-radius:8px;display:none;width:max-content;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px rgba(0,0,0,.6)}.nav-links.open{display:flex}.nav-links .active-indicator{display:none}.nav-links li a{font-size:1.2rem;padding:6px 12px}}