.hamburger{padding:8px;cursor:pointer;transition:all .3s ease}.hamburger-line{width:24px;height:2px;background-color:#1f2937;margin:5px 0;transition:all .3s ease;border-radius:2px}.hamburger.is-active .hamburger-line:nth-child(1){transform:rotate(45deg)translate(6px,6px);background-color:#fff}.hamburger.is-active .hamburger-line:nth-child(2){opacity:0}.hamburger.is-active .hamburger-line:nth-child(3){transform:rotate(-45deg)translate(7px,-6px);background-color:#fff}.mobile-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:999;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.mobile-menu-overlay.active{opacity:1;visibility:visible}.mobile-menu-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.8);text-align:center;transition:all .3s cubic-bezier(.25,.46,.45,.94);opacity:0}.mobile-menu-overlay.active .mobile-menu-content{transform:translate(-50%,-50%)scale(1);opacity:1}.mobile-menu-close{position:absolute;top:2rem;right:2rem;background:0 0;border:none;color:#fff;font-size:2rem;cursor:pointer;padding:.5rem;border-radius:50%;transition:all .2s ease}.mobile-menu-close:hover{background:rgba(255,255,255,.1);transform:rotate(90deg)}.mobile-menu-link{display:block;color:#fff;text-decoration:none;font-size:2rem;font-weight:300;margin:1.5rem 0;padding:.5rem 2rem;border-radius:8px;transition:all .3s ease;position:relative;overflow:hidden}.mobile-menu-link:hover{background:rgba(255,255,255,.1);color:#60a5fa;transform:translateX(10px)}.mobile-menu-link::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.mobile-menu-link:hover::before{left:100%}.mobile-menu-logo{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:2rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}