.menu-overlay{position:fixed;inset:0;width:100%;height:auto;background:rgba(4,10,23,.611);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;z-index:9999;padding:2rem;opacity:0;transform:translateY(-20px);pointer-events:none;transition:opacity .35s ease,transform .35s ease}.menu-overlay.active{opacity:1;transform:translateY(0);pointer-events:auto}.close-menu{position:absolute;top:20px;right:20px;width:50px;height:50px;border-radius:50%;font-size:32px;color:#fff;background:rgba(255,255,255,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .25s ease,background .25s ease,box-shadow .25s ease}.close-menu:hover{background:rgba(255,255,255,.2);transform:rotate(90deg);box-shadow:0 0 12px rgba(120,190,255,.7),0 0 20px rgba(33,84,131,.4)}.menu-logo{width:180px;height:auto;margin-bottom:1rem}.overlay-nav{display:flex;flex-direction:column;align-items:center}.overlay-nav ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;align-items:center;gap:1.2rem}.overlay-nav ul li a{font-family:var(--font-handel);font-size:18pt;color:#eaf4ff;margin-bottom:1rem;text-shadow:0 0 4px rgba(120,190,255,.6),0 0 10px rgba(33,84,131,.3);text-decoration:none;transition:transform .2s ease,text-shadow .2s ease}.overlay-nav ul li a:hover{transform:scale(1.05);text-shadow:0 0 8px rgba(120,190,255,.8),0 0 16px rgba(33,84,131,.5)}.overlay-nav ul li .button-1{display:block;margin-top:2rem}