.nav-header{position:sticky;top:0;z-index:50;width:100%;border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(241 245 249 / var(--tw-border-opacity));background-color:#fffffff2;--tw-backdrop-blur: blur(4px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.nav-container{margin-left:auto;margin-right:auto;max-width:80rem;padding-left:1rem;padding-right:1rem}@media (min-width: 640px){.nav-container{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width: 1024px){.nav-container{padding-left:2rem;padding-right:2rem}}.top-nav-wrap{display:flex;height:4rem;align-items:center;justify-content:space-between}.logo{flex-shrink:0;font-size:1.25rem;line-height:1.75rem;font-weight:700;--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity));min-width:160px}.desktop-nav{display:none;align-items:center}.desktop-nav>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}@media (min-width: 1024px){.desktop-nav{display:flex}}.nav-link{position:relative;display:flex;align-items:center;gap:.5rem;border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(51 65 85 / var(--tw-text-opacity));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.nav-link:hover{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity))}.nav-link{white-space:nowrap}.nav-link.active{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity))}.nav-badge{margin-left:.25rem;border-radius:9999px;padding:.125rem .5rem;font-size:.75rem;line-height:1rem;font-weight:500}.badge-beta{--tw-bg-opacity: 1;background-color:rgb(255 237 213 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(194 65 12 / var(--tw-text-opacity))}.nav-dropdown{position:relative}.dropdown-btn{display:flex;align-items:center;gap:.5rem;border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(51 65 85 / var(--tw-text-opacity));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.dropdown-btn:hover{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity))}.dropdown-btn{white-space:nowrap;cursor:pointer;border:none;background:none}.dropdown-btn.active{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity))}.dropdown-btn.promoting{background:linear-gradient(45deg,#3b82f6,#8b5cf6);background-size:200% 200%;animation:gradient-shift 3s ease-in-out infinite;color:#fff!important;font-weight:600;transform:scale(1.02);box-shadow:0 4px 12px #3b82f666}.dropdown-btn .btn-text{display:inline-block;transition:all .4s cubic-bezier(.68,-.55,.265,1.55)}.dropdown-btn .btn-text.changing{transform:translateY(-8px) scale(.9);opacity:0}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes text-bounce-in{0%{transform:translateY(8px) scale(.9);opacity:0}50%{transform:translateY(-2px) scale(1.02);opacity:.8}to{transform:translateY(0) scale(1);opacity:1}}.dropdown-btn .btn-text.bounce-in{animation:text-bounce-in .5s cubic-bezier(.68,-.55,.265,1.55)}.dropdown-arrow{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.nav-dropdown:hover .dropdown-arrow{transform:rotate(180deg)}.nav-dropdown:hover .dropdown-menu,.dropdown-menu.show{pointer-events:auto;--tw-scale-x: 1;--tw-scale-y: 1;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));opacity:1}.dropdown-arrow.rotate-180{transform:rotate(180deg)}.dropdown-menu{pointer-events:none;position:absolute;left:0;z-index:50;width:20rem;min-width:-moz-max-content;min-width:max-content;transform-origin:top left;--tw-scale-x: .95;--tw-scale-y: .95;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));opacity:0;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);top:calc(100% - 4px);padding-top:6px}.dropdown-menu-content{border-radius:.75rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(0 0 0 / .05);--tw-backdrop-blur: blur(4px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);padding:12px}.dropdown-item{display:block;border-radius:.5rem;padding:.75rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.dropdown-item:hover{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity));--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.dropdown-item.active{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity))}.item-content>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.item-header{display:flex;align-items:center;gap:.5rem}.item-title{font-weight:500;--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity))}.item-desc{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity))}.item-badge{border-radius:9999px;padding:.125rem .5rem;font-size:.75rem;line-height:1rem;font-weight:500}.badge-hot{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity))}.badge-new{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity))}.badge-premium{--tw-bg-opacity: 1;background-color:rgb(243 232 255 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(126 34 206 / var(--tw-text-opacity))}.badge-recommend{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity))}.badge-default{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(51 65 85 / var(--tw-text-opacity))}.right-section{display:flex;align-items:center}.right-section>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.desktop-only{display:none}@media (min-width: 1024px){.desktop-only{display:block}}.user-section{display:none;align-items:center}@media (min-width: 1024px){.user-section{display:flex}}.user-section{height:auto}.mobile-menu-btn{border-radius:.5rem;padding:.5rem;--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.mobile-menu-btn:hover{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity))}@media (min-width: 1024px){.mobile-menu-btn{display:none}}.menu-icon{height:1.5rem;width:1.5rem}.mobile-menu-portal{position:fixed;inset:0;z-index:9999;display:flex;align-items:stretch}.mobile-menu-backdrop{position:absolute;inset:0;background-color:#00000080;backdrop-filter:blur(4px);animation:fadeBackdropIn .3s ease-out forwards}.mobile-menu-backdrop.closing{animation:fadeBackdropOut .3s ease-out forwards}.mobile-menu-panel{position:relative;margin-left:auto;width:100%;max-width:24rem;height:var(--mobile-vh, 100vh);max-height:100vh;max-height:100dvh;background-color:#fff;display:flex;flex-direction:column;transform:translate(100%);animation:slideInFromRight .3s cubic-bezier(.25,.46,.45,.94) forwards;box-shadow:-8px 0 24px -4px #00000026;padding-bottom:env(safe-area-inset-bottom);z-index:1}.mobile-menu-panel.closing{animation:slideOutToRight .3s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes fadeBackdropIn{0%{opacity:0}to{opacity:1}}@keyframes fadeBackdropOut{0%{opacity:1}to{opacity:0}}@keyframes slideInFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideOutToRight{0%{transform:translate(0)}to{transform:translate(100%)}}@media (max-width: 640px){.mobile-menu-panel{max-width:none;width:100%}}.mobile-menu-header{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(241 245 249 / var(--tw-border-opacity));padding:1rem;height:auto;min-height:60px;position:relative;z-index:2}.mobile-logo{font-size:1.125rem;line-height:1.75rem;font-weight:700;--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity))}.mobile-close-btn{border-radius:.5rem;padding:.5rem;--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.mobile-close-btn:hover{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity))}.mobile-nav-main{flex:1 1 0%;overflow-y:auto;padding:1rem;min-height:0;flex-grow:1;flex-shrink:1;flex-basis:0;scrollbar-width:thin;scrollbar-color:rgba(156,163,175,.5) transparent;padding-bottom:calc(1rem + env(safe-area-inset-bottom,0px));position:relative;z-index:2}.mobile-nav-main::-webkit-scrollbar{width:4px}.mobile-nav-main::-webkit-scrollbar-track{background:transparent}.mobile-nav-main::-webkit-scrollbar-thumb{background-color:#9ca3af80;border-radius:2px}.mobile-nav-section{margin-bottom:1.5rem}.mobile-section-title{margin-bottom:.75rem;font-size:.875rem;line-height:1.25rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity))}.mobile-section-links>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.mobile-section-link{display:block;border-radius:.5rem;padding:.75rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.mobile-section-link:hover{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity))}.mobile-section-link:active{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity))}.mobile-section-link.active{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity));--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(191 219 254 / var(--tw-ring-opacity))}.mobile-link-content{margin-bottom:.25rem;display:flex;align-items:center;justify-content:space-between}.mobile-link-title{font-weight:500;--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity))}.mobile-link-badge{border-radius:9999px;padding:.125rem .5rem;font-size:.75rem;line-height:1rem;font-weight:500}.mobile-link-desc{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity))}.mobile-menu-footer{border-top-width:1px;--tw-border-opacity: 1;border-color:rgb(241 245 249 / var(--tw-border-opacity));padding:1rem;height:auto;min-height:calc(80px + env(safe-area-inset-bottom,0px));flex-grow:0;flex-shrink:0;position:relative;z-index:3;padding-bottom:calc(1rem + env(safe-area-inset-bottom,12px))}.mobile-footer-content{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-bottom:env(safe-area-inset-bottom,8px);position:relative;z-index:1}.mobile-language-section{min-width:0px;flex:1 1 0%;position:relative;z-index:1}.mobile-user-section{display:flex;flex-shrink:0;justify-content:flex-end;position:relative;z-index:1}@media (max-width: 640px){.nav-container{padding-left:.75rem;padding-right:.75rem}.top-nav-wrap{height:3.5rem}.logo{min-width:140px}.dropdown-menu{width:90vw;max-width:28rem}.mobile-nav-section{margin-bottom:1rem}.mobile-section-link{padding:.5rem}}@media (max-width: 1024px){.desktop-nav{display:none}}@media (hover: none) and (pointer: coarse){.nav-link:hover,.dropdown-btn:hover,.dropdown-item:hover{background-color:transparent}.nav-link:active,.dropdown-btn:active,.dropdown-item:active{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity))}.nav-dropdown:hover .dropdown-menu{pointer-events:none;--tw-scale-x: .95;--tw-scale-y: .95;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));opacity:0}.nav-dropdown.open .dropdown-menu{pointer-events:auto;--tw-scale-x: 1;--tw-scale-y: 1;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));opacity:1}}