.page-default-margin{margin-bottom:1rem;margin-left:1rem;margin-right:1rem;padding-top:4rem}@media (min-width:1024px){.page-default-margin{margin-left:5rem;margin-right:5rem;padding-top:4.5rem}}@media (min-width:1280px){.page-default-margin{margin-left:10rem;margin-right:10rem}}@media (min-width:2000px){.page-default-margin{margin-left:24rem;margin-right:24rem}}.header-box{position:fixed;top:0;width:100%;z-index:50}.header-box .header-nav{display:flex;height:3rem;justify-content:space-between;padding-left:1rem;padding-right:1rem;width:100%}@media (min-width:1024px){.header-box .header-nav{height:3.5rem;padding-left:5rem;padding-right:5rem}}@media (min-width:1280px){.header-box .header-nav{padding-left:10rem;padding-right:10rem}}@media (min-width:2000px){.header-box .header-nav{padding-left:24rem;padding-right:24rem}}.header-box .header-nav{-webkit-backdrop-filter:saturate(150%) blur(16px);backdrop-filter:saturate(150%) blur(16px);background-color:#1f1f1f33;background:transparent;transform:translateZ(0);transform-style:preserve-3d}.header-box .header-nav ul{align-items:center;display:flex;gap:1rem;height:100%;justify-content:space-between}@media (min-width:768px){.header-box .header-nav ul{gap:2rem}}@media (min-width:1024px){.header-box .header-nav ul{gap:4rem}}.header-box .header-nav ul .logo{height:2rem;width:2rem}@media (min-width:1024px){.header-box .header-nav ul .logo{height:2.5rem;width:2.5rem}}.header-box .header-nav ul li{--tw-text-opacity:.8;color:#fffc;color:rgb(255 255 255/var(--tw-text-opacity));font-size:1rem;font-weight:400;letter-spacing:.1em;line-height:1.5rem;position:relative;transition-duration:.2s}.header-box .header-nav ul li:hover{--tw-text-opacity:.5}@media (min-width:1024px){.header-box .header-nav ul li{font-size:1.25rem;line-height:1.75rem}}.header-box .header-nav ul li.active{--tw-translate-y:-.125rem;--tw-text-opacity:.9;color:#ffffffe6;color:rgb(255 255 255/var(--tw-text-opacity));transform:translate(var(--tw-translate-x),-.125rem) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-duration:.2s}.header-box .header-nav ul li.active:after{--tw-translate-x:-50%;--tw-bg-opacity:.9;background-color:#ffffffe6;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-radius:9999px;bottom:-.25rem;box-shadow:0 0 10px #fff;content:"";height:.125rem;left:50%;position:absolute;transform:translate(-50%,var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));width:40%}.header-box .page-progress-bar{--tw-bg-opacity:1;animation:progressColorAnimate 20s linear infinite;background-color:#67e8f9;background-color:rgb(103 232 249/var(--tw-bg-opacity));background:linear-gradient(90deg,#008aff,#00ffe7);border-radius:.25rem;height:.25rem;position:relative;width:0}.header-box .page-progress-bar:before{--tw-blur:blur(12px);filter:blur(12px) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.header-box .page-progress-bar:after,.header-box .page-progress-bar:before{background:linear-gradient(90deg,#008aff,#00ffe7);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.header-box .page-progress-bar:after{--tw-blur:blur(40px);filter:blur(40px) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}@keyframes progressColorAnimate{0%,to{filter:hue-rotate(0deg)}50%{filter:hue-rotate(1turn)}}