.nav-dropdown{position:relative}.nav .nav-dropdown>button{font:inherit;letter-spacing:inherit;color:#202024;padding:12px 16px;border:1px solid #ffffff99;border-radius:13px;background:linear-gradient(145deg,#ffffff80,#ffffff28);backdrop-filter:blur(16px);cursor:pointer;min-height:44px}.nav .nav-dropdown>button[aria-expanded=true]{background:#ffffffb8}.nav-dropdown>button:focus-visible,.nav-submenu a:focus-visible{outline:2px solid #526b00;outline-offset:3px}.nav .nav-submenu{position:absolute;top:calc(100% + 12px);left:0;width:230px;display:grid;gap:7px;padding:9px;border:1px solid #ffffffa8;border-radius:20px;background:#ffffff56;backdrop-filter:blur(22px) saturate(115%);box-shadow:0 14px 40px #20202b18}.nav .nav-submenu[hidden]{display:none}.nav .nav-submenu a{display:flex;justify-content:space-between;align-items:center;min-height:46px;padding:12px 14px;color:#17171c;opacity:1;text-transform:none;letter-spacing:0;font-size:14px;border:1px solid #ffffffa8;border-radius:12px;background:#ffffff85;text-decoration:none}.nav .nav-submenu a:hover{background:#e5ff9ee8}.nav .nav-submenu a::after{content:'↗';margin-left:12px}.nav .nav-dropdown:last-of-type .nav-submenu{left:auto;right:0}
@media(max-width:800px){.nav-dropdown{width:100%}.nav .nav-dropdown>button{width:100%;text-align:left}.nav .nav-submenu{position:static;width:100%;margin-top:7px;box-shadow:none;background:#ffffff50}.nav .nav-submenu a{background:#ffffffe0}}
/* Refined liquid-glass navigation, original CSS inspired by 21st.dev examples. */
@font-face{font-family:BelokOnest;src:url('/assets/fonts/Onest-variable.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
.nav .nav-links{align-items:center;gap:10px}.nav .nav-dropdown{display:flex;align-items:center}.nav .nav-dropdown>button,.nav .nav-links>a:not(.language-switch){font-family:BelokOnest,Arial,sans-serif;font-size:11.5px;font-weight:400;line-height:1;letter-spacing:.04em;display:inline-flex;align-items:center;justify-content:center;gap:9px;height:44px;min-height:44px;padding:0 18px;white-space:nowrap;box-sizing:border-box;border:1px solid rgba(255,255,255,.72);border-radius:999px;color:#202126;background:linear-gradient(155deg,rgba(255,255,255,.48),rgba(255,255,255,.1) 48%,rgba(255,255,255,.27));backdrop-filter:blur(14px) saturate(135%);-webkit-backdrop-filter:blur(14px) saturate(135%);box-shadow:inset 0 1px 1px #ffffffed,inset 0 -1px 2px #52566526,0 5px 18px #1f243015;transition:background .18s,box-shadow .18s,transform .18s;animation:none}.nav .nav-dropdown>button>span{font-size:12px;line-height:1;display:block;transform:translateY(-2px)}.nav .nav-dropdown>button:hover,.nav .nav-links>a:not(.language-switch):hover{background:linear-gradient(155deg,#ffffffad,#ffffff45);box-shadow:inset 0 1px 2px #fff,0 7px 22px #1f24301c;animation:none}.nav .nav-submenu{border-radius:22px;background:linear-gradient(140deg,#ffffffb3,#ffffff66);box-shadow:inset 0 1px 1px #fff,0 18px 36px #20253318}.nav .nav-submenu a{font-family:BelokOnest,Arial,sans-serif;font-size:13.5px;font-weight:400;line-height:1.25;letter-spacing:0;background:linear-gradient(140deg,#ffffffa6,#ffffff4d);border-radius:15px}
@media(max-width:800px){.nav .nav-links{align-items:stretch}.nav .nav-dropdown{display:block}.nav .nav-dropdown>button{justify-content:space-between;width:100%}.nav .nav-links>a:not(.language-switch){justify-content:flex-start}.nav .nav-submenu a{background:#ffffffe0}}@media(prefers-reduced-motion:reduce){.nav .nav-dropdown>button,.nav .nav-links>a{transition:none}}