.navigation{background:linear-gradient(180deg,#ffffff,rgba(255,255,255,.95));position:-webkit-sticky;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(2,47,82,.08);transition:transform .3s ease}.navigation.hidden{transform:translateY(-100%)}.navigation nav{padding:20px 0;position:static;font-size:var(--font-size-sm);transition:all .3s ease;color:var(--foreground);text-transform:uppercase;font-weight:500;text-decoration:none}.navigation ul{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0;justify-content:center;align-items:center;text-align:center;gap:32px}.navigation li{transition:all .3s ease}.navigation li:last-child,.navigation li:nth-last-child(2){font-size:var(--font-size-xs)}@media screen and (max-width:700px){.navigation li:nth-last-child(3){flex-basis:100%}.navigation ul{gap:20px}}.navigation a{position:relative;padding:8px 0}.navigation a:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:0;height:2px;background:linear-gradient(90deg,#022f52,#0d6eaa);transition:width .3s ease}.navigation a:hover:after{width:100%}.navigation a:hover{color:#0d6eaa;font-weight:600;text-decoration:none}.navigation li:last-child{font-weight:500}