.navbar{position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(148,163,184,.18);background:#ffffffc7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.navbarInner{height:72px;display:flex;align-items:center;justify-content:space-between;gap:32px}.navbarLogo{color:var(--color-text);font-size:20px;font-weight:800;letter-spacing:-.04em;text-decoration:none}.navbarLinks{display:flex;align-items:center;gap:28px}.navbarLink{color:var(--color-text-light);font-size:15px;font-weight:600;text-decoration:none;transition:color .2s ease}.navbarLink:hover{color:var(--color-text)}.navbarAction{display:flex;align-items:center}.navbarMenuButton{display:none;width:42px;height:42px;border:1px solid rgba(148,163,184,.3);border-radius:12px;background:#fac4c4d2;cursor:pointer}.navbarMenuButton span{display:block;width:18px;height:2px;margin:4px auto;border-radius:999px;background:var(--color-text)}.navbarMobileMenu{display:none}@media(max-width:768px){.navbarInner{height:64px}.navbarLinks,.navbarAction{display:none}.navbarMenuButton{display:block}.navbarMobileMenu{display:grid;gap:8px;padding:12px 0 20px}.navbarMobileLink{padding:14px 16px;border-radius:14px;color:var(--color-text);background:#f8fafce6;font-size:15px;font-weight:700;text-decoration:none}.navbarMobileAction{margin-top:8px}}.navbarRight{display:flex;align-items:center;gap:12px}@media(max-width:768px){.navbarLinks,.navbarAction{display:none}.navbarMenuButton{display:block}}