.header-padding{height:60px}header{position:fixed;z-index:99;top:0;left:0;width:100%;height:60px;background:#fff}header nav{display:flex;align-items:center;margin:0 auto;width:1200px;height:100%}header nav .logo-wrapper{display:flex;align-items:center;gap:8px}header nav .logo-wrapper .logo{width:40px;height:40px}header nav .logo-wrapper .title{font-size:20px;font-weight:500}header nav .logo-wrapper .sub-title{margin-top:3px;font-size:12px}header nav .menu-list{display:flex;gap:60px;margin-left:auto;height:100%}header nav .menu-list .menu-item{display:flex;align-items:center;position:relative;height:100%;font-size:16px}header nav .menu-list .menu-item.active{color:#3066FF;font-weight:600}header nav .menu-list .menu-item.active::after{content:"";display:block;position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:30px;height:3px;background:#3066FF}header nav .register{display:flex;align-items:center;gap:20px;margin-left:80px}header nav .register .login{font-size:16px}header nav .register .register-btn{display:grid;place-items:center;width:104px;height:36px;border-radius:36px;color:#fff;background:linear-gradient(90deg, #0097FE 0%, #0F71FF 100%);font-size:16px}header nav .expander{display:none}header nav .mobile-menus{display:none}@media (max-width: 1200px){header{position:fixed;top:0;left:0;width:100vw}header nav{padding:0 30px;width:100%}header nav .menu-list{display:none}header nav .register{display:none}header nav .logo-wrapper{transform-origin:left center}header nav .expander{align-self:center;display:flex;flex-direction:column;gap:5px;margin-left:auto;transform-origin:right center}header nav .expander>div{width:18px;height:2px;border-radius:2px;background:#666;transition:transform 0.3s, opacity 0.3s}header nav .expander.active>div:nth-child(1){transform:rotate(45deg) scaleX(1.45) translate(4px, 4px)}header nav .expander.active>div:nth-child(2){opacity:0}header nav .expander.active>div:nth-child(3){transform:rotate(-45deg) scaleX(1.45) translate(4px, -4px)}header nav .mobile-menus{position:absolute;top:100%;right:0;display:block;width:100%;height:0;background:#fff;opacity:0;overflow:hidden;transition:height 0.3s ease-out, opacity 0.2s}header nav .mobile-menus.show{height:100vh;opacity:1}header nav .mobile-menus .list{display:flex;flex-direction:column;padding:0 30px}header nav .mobile-menus .list .line{height:1px;background:#eee}header nav .mobile-menus .list .menu-item{display:flex;align-items:center;justify-content:space-between;padding:18px 0;line-height:1.5;font-size:16px}header nav .mobile-menus .buttons{display:flex;flex-direction:column;align-items:center;margin-top:60px;padding:0 15px}header nav .mobile-menus .buttons .register-btn{display:grid;place-items:center;width:100%;height:55px;border-radius:55px;background:linear-gradient(90deg, #0097FE 0%, #0F71FF 100%);color:#fff;font-size:18px}header nav .mobile-menus .buttons .login{margin-top:30px;font-size:18px;text-align:center}}