.header{display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;background-color:hsla(0,0%,100%,.9098039216);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);width:100%;z-index:10;padding:0 10px;height:70px}.header,.header img{transition:.3s ease-in-out}.header img{width:120px;height:auto}.header .right-btns{display:flex;align-items:center;gap:50px;flex-grow:1;justify-content:flex-end}.header .nav{position:fixed;top:0;left:0;right:0;bottom:0;height:100dvh;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:2rem;background:linear-gradient(135deg,#0d4e91,#001f4d);opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility .3s ease-in-out;z-index:15;overflow:hidden}.header .nav:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.3) 1px,transparent 0);background-size:5px 5px;opacity:.2;animation:move-stars 10s linear infinite;pointer-events:none;z-index:0}.header .nav.open{opacity:1;visibility:visible}.header .nav.open ul li{opacity:0;transform:translateY(30px);animation:fade-in-up .5s ease-in-out forwards}.header .nav.open ul li:first-child{animation-delay:.1s}.header .nav.open ul li:nth-child(2){animation-delay:.2s}.header .nav.open ul li:nth-child(3){animation-delay:.3s}.header .nav.open ul li:nth-child(4){animation-delay:.4s}.header .nav.open ul li:nth-child(5){animation-delay:.5s}.header .nav.open ul li:nth-child(6){animation-delay:.6s}.header .nav .close{position:absolute;top:40px;right:40px;width:60px;height:40px;color:#0d4e91;border:2px solid red;background-color:#fff;padding:5px;border-radius:10px;cursor:pointer;z-index:2}.header .nav ul{list-style:none;display:flex;flex-direction:column;gap:1.5rem;text-align:center;font-size:2em;padding:0;margin:0;z-index:1}.header .nav ul li{opacity:0;transform:translateY(30px);transition:transform .3s ease-in-out}.header .nav ul li:hover{color:red;transform:scale(1.1)}.header .nav ul li a{text-decoration:none;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5);transition:color .3s ease-in-out}.header .nav ul li a:hover{color:#ff4343}@keyframes fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes move-stars{0%{background-position:0 0}to{background-position:100px 100px}}.header .toggleButton{background:none;border:none;cursor:pointer;display:flex;align-items:center;padding:5px;color:#00236a;width:40px;flex-shrink:0}.header .toggleButton:focus{outline:none}.header .toggleButton.open{position:fixed;top:50px;right:50px;color:#fff}@media(max-width:768px){.header{padding:0 10px}.header img{width:100px;height:auto}.header .right-btns{gap:10px}}header.sticky{box-shadow:5px 0 10px rgba(0,0,0,.2666666667);height:50px}header.sticky img{width:80px;height:auto}.action-btns{display:flex;gap:10px;justify-content:center}.action-btns a{text-decoration:none;color:#000;border:2px solid #0d4e91;font-size:2em;padding:5px 10px 1px;border-radius:5px;transition:.3s ease-in-out}.action-btns a:first-child{color:#0d4e91}.action-btns a:first-child:hover{background-color:#0d4e91;color:#fff}.action-btns a:last-child{color:red;border-color:red}.action-btns a:last-child:hover{background-color:red;color:#fff}@media(max-width:768px){.action-btns a{font-size:1.5em}}