li{list-style:none}a{text-decoration:none;color:inherit}header{border-bottom:1px solid var(--border-muted);position:sticky;top:0;backdrop-filter:saturate(120%) blur(4px);z-index:50;background:var(--bg-header)}#nav-container{max-width:1240px;margin:0 auto}.navbar{display:flex;justify-content:space-between;align-items:center;padding:.9rem 1.25rem}.logo{font-size:1.25rem;font-weight:700;background:linear-gradient(90deg,var(--accent-teal),var(--accent-blue));-webkit-background-clip:text;background-clip:text;color:transparent}.logo span{color:var(--text-main);font-weight:300}.hamburger{display:none;align-items:center;justify-content:center;background:0 0;border:none;cursor:pointer;padding:0}.bar{display:block;width:22px;height:2.5px;margin:4px 0;transition:transform .28s ease,opacity .2s ease;background-color:var(--text-main);border-radius:2px}.nav-menu{display:flex;gap:2rem;align-items:center}.nav-item{margin-left:2.5rem}.nav-link{font-size:.98rem;font-weight:500;color:var(--text-main);letter-spacing:1px;padding:.25rem .5rem;transition:var(--transition-smooth);border-radius:8px}.nav-link:focus,.nav-link:hover{background:rgba(255,255,255,.04);outline:0}.nav-link:focus{box-shadow:0 0 0 3px rgba(59,130,246,.18)}@media only screen and (max-width:768px){.nav-menu{position:fixed;right:0;top:3.6rem;transform:translateX(100%);transition:transform .28s cubic-bezier(.2,.9,.2,1);flex-direction:column;background-color:rgba(15,23,42,.98);width:84%;max-width:320px;padding:1rem 1.25rem;text-align:left;box-shadow:0 10px 27px rgba(0,0,0,.06);border-left:1px solid var(--border-muted);border-radius:8px 0 0 8px}.nav-menu.active{transform:translateX(0)}.nav-link{padding:.75rem .8rem;border-radius:12px;display:block;width:100%;text-align:left}.nav-item{margin:.6rem 0}.hamburger{display:block;cursor:pointer}.hamburger.active .bar:nth-child(2){opacity:0}.hamburger.active .bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger.active .bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media only screen and (max-width:420px){.nav-item{margin-left:1rem}.logo{font-size:1.05rem}}}