.header{-webkit-backdrop-filter:blur(10px);z-index:1000;background:#fffffff2;width:100%;padding:2px 0;transition:all .3s;position:fixed;top:0;left:0;box-shadow:0 2px 10px #0000000d}.header__inner{justify-content:space-between;align-items:center;max-width:1200px;min-height:56px;margin:0 auto;padding:0 2rem;display:flex}.header__logo{font-family:var(--font-poppins),sans-serif;letter-spacing:.5px;z-index:1001;font-size:1.2rem;font-weight:600;text-decoration:none}@media (max-width:640px){.header__logo{font-size:.9rem}}.header__menu-button{cursor:pointer;letter-spacing:2px;color:#fff;text-transform:uppercase;z-index:1001;background:linear-gradient(135deg,#5ab2ff 0%,#7ec4ff 50%,#a0deff 100%);border:2px solid #ffffff4d;border-radius:22px;flex-direction:row;justify-content:center;align-items:center;gap:12px;width:auto;min-width:140px;height:44px;padding:0 24px;font-family:inherit;font-size:13px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 4px 15px #5ab2ff59}.header__menu-button:hover{background:linear-gradient(135deg,#4a9eff 0%,#6cb4ef 50%,#90ceef 100%);border-color:#ffffff80;transform:translateY(-2px);box-shadow:0 6px 20px #5ab2ff73}.header__menu-button:active{transform:translateY(0)}.header__menu-text{font-family:var(--font-poppins),sans-serif;letter-spacing:2px;color:#fff;font-size:13px;font-weight:700;line-height:1;transition:opacity .3s;display:inline-block}.header__menu-icon{flex-direction:column;justify-content:center;align-items:center;width:22px;height:16px;display:flex;position:relative}.header__menu-icon:before,.header__menu-icon:after{content:"";opacity:.8;background:#fff;width:4px;height:4px;transition:all .3s;position:absolute;transform:rotate(45deg)}.header__menu-icon:before{top:50%;left:-6px;transform:translateY(-50%)rotate(45deg)}.header__menu-icon:after{top:50%;right:-6px;transform:translateY(-50%)rotate(45deg)}.header__menu-icon span{background:#fff;border-radius:2px;width:100%;height:2.5px;transition:all .3s cubic-bezier(.4,0,.2,1);display:block;position:absolute}.header__menu-icon span:first-child{top:3px}.header__menu-icon span:nth-child(2){display:none}.header__menu-icon span:nth-child(3){bottom:3px}.lightbox-open .header{display:none}.header__menu-button.active{background:linear-gradient(135deg,#4a9eff 0%,#6cb4ef 100%)}.header__menu-button.active .header__menu-icon:before,.header__menu-button.active .header__menu-icon:after{opacity:0;transform:translateY(-50%)rotate(45deg)scale(0)}.header__menu-button.active .header__menu-icon span:first-child{top:50%;transform:translateY(-50%)rotate(45deg)}.header__menu-button.active .header__menu-icon span:nth-child(3){bottom:50%;transform:translateY(50%)rotate(-45deg)}@media (min-width:1024px){.header__menu-button{display:none}}.nav-menu.mobile-open{visibility:visible;transform:translate(0);right:0!important}@media (max-width:1023px){.nav-menu{-webkit-backdrop-filter:blur(25px);z-index:999;visibility:hidden;background:linear-gradient(135deg,#fffffffa 0%,#f8fcfffa 100%);flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:0;width:280px;max-width:80vw;height:100vh;padding:6rem 2rem 3rem;transition:right .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1),visibility .4s;position:fixed;top:0;right:-100%;transform:translate(100%);box-shadow:-8px 0 40px #5ab2ff1f}.nav-menu .nav-link{width:100%;font-family:var(--font-noto-sans-jp),sans-serif;letter-spacing:.5px;color:#2c3e50;border-radius:12px;margin:.2rem 0;padding:1.3rem 1.5rem;font-size:1.25rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);display:block;position:relative;overflow:hidden}.nav-menu .nav-link:active{transform:translate(8px)}}@media (min-width:1024px){.nav-menu{visibility:visible;align-items:center;gap:2rem;margin:0;padding:0;list-style:none;display:flex;position:static;right:auto;transform:none}.mobile-nav-menu{visibility:hidden!important;display:none!important}.nav-link{font-family:var(--font-noto-sans-jp),sans-serif;color:#2c3e50;padding:.5rem 0;font-size:.95rem;font-weight:500;text-decoration:none;transition:color .3s;position:relative}.nav-link:hover{color:#5ab2ff}}.menu-overlay{-webkit-backdrop-filter:blur(12px);z-index:998;background:#5ab2ff14;width:100%;height:100%;transition:opacity .3s,visibility .3s;position:fixed;top:0;left:0}.menu-overlay.active{opacity:1;visibility:visible}.menu-overlay:not(.active){opacity:0;visibility:hidden}@media (min-width:1024px){.menu-overlay{display:none}}
