.demo-screen[data-v-5639d5d8]{display:inline-block;position:relative}.demo-screen img[data-v-5639d5d8]{position:absolute}.demo-screen .bg[data-v-5639d5d8]{--startY:640px;animation:rotateIn-5639d5d8 2s cubic-bezier(.33,1,.68,1);position:relative}.demo-screen .bg2[data-v-5639d5d8]{animation:fadeIn-5639d5d8 .3s linear 2s forwards;opacity:0;top:0}.demo-screen .sidebar-container .logo[data-v-5639d5d8]{left:7px;top:5px}.demo-screen .sidebar-container .sidebar[data-v-5639d5d8]{left:2px;top:17px}.demo-screen .sidebar-container .help[data-v-5639d5d8]{bottom:4px;left:2px;width:35px}.demo-screen .sidebar-container img[data-v-5639d5d8]{--delay:0s;--startY:-80px;animation:fadeIn-5639d5d8 .5s calc(var(--delay) + .5s) forwards cubic-bezier(.65,0,.35,1),rotateIn-5639d5d8 2s var(--delay) cubic-bezier(.4,0,.2,1);opacity:0}.demo-screen .content-container[data-v-5639d5d8]{animation:fadeOut-5639d5d8 .5s cubic-bezier(.65,0,.35,1) 2s forwards}.demo-screen .content-container img[data-v-5639d5d8]{left:56px;--delay:0s;--startY:-80px;animation:fadeIn-5639d5d8 .5s calc(var(--delay) + .5s) forwards cubic-bezier(.65,0,.35,1),rotateIn-5639d5d8 2s var(--delay) cubic-bezier(.4,0,.2,1);opacity:0}.demo-screen .content-container img[data-v-5639d5d8]:first-child{--delay:.2s;top:3px;width:240px}.demo-screen .content-container img[data-v-5639d5d8]:nth-child(2){--delay:.1s;top:71px;width:264px}.demo-screen .content-container img[data-v-5639d5d8]:nth-child(3){top:141px;width:264px}@media (min-width:768px){.demo-screen .sidebar-container .logo[data-v-5639d5d8]{left:12px;top:15px}.demo-screen .sidebar-container .sidebar[data-v-5639d5d8]{left:3px;top:39px}.demo-screen .sidebar-container .help[data-v-5639d5d8]{bottom:7px;left:2px;width:89px}.demo-screen .content-container img[data-v-5639d5d8]{left:122px;--delay:0s;--startY:-80px;animation:fadeIn-5639d5d8 .5s calc(var(--delay) + .5s) forwards cubic-bezier(.65,0,.35,1),rotateIn-5639d5d8 2s var(--delay) cubic-bezier(.4,0,.2,1);opacity:0}.demo-screen .content-container img[data-v-5639d5d8]:first-child{top:8px;width:514px}.demo-screen .content-container img[data-v-5639d5d8]:nth-child(2){top:155px;width:576px}.demo-screen .content-container img[data-v-5639d5d8]:nth-child(3){top:307px;width:576px}}@media (min-width:1024px){.demo-screen .sidebar-container .logo[data-v-5639d5d8]{left:20px;top:20px}.demo-screen .sidebar-container .sidebar[data-v-5639d5d8]{left:5px;top:60px}.demo-screen .sidebar-container .help[data-v-5639d5d8]{bottom:12px;left:5px;width:120px}.demo-screen .content-container img[data-v-5639d5d8]{left:184px;--delay:0s;--startY:-80px;animation:fadeIn-5639d5d8 .5s calc(var(--delay) + .5s) forwards cubic-bezier(.65,0,.35,1),rotateIn-5639d5d8 2s var(--delay) cubic-bezier(.4,0,.2,1);opacity:0}.demo-screen .content-container img[data-v-5639d5d8]:first-child{--delay:.2s;top:10px;width:770px}.demo-screen .content-container img[data-v-5639d5d8]:nth-child(2){--delay:.1s;top:233px;width:864px}.demo-screen .content-container img[data-v-5639d5d8]:nth-child(3){top:461px;width:863px}}@keyframes fadeIn-5639d5d8{0%{opacity:0}to{opacity:1}}@keyframes fadeOut-5639d5d8{0%{opacity:1}to{opacity:0}}@keyframes rotateIn-5639d5d8{0%{transform:perspective(1200px) rotateX(30deg) translateY(var(--startY))}75%{transform:perspective(1200px) rotateX(1.31deg) translateY(0)}to{transform:perspective(1200px) rotateX(0) translateY(0)}}.slogan[data-v-e975d423]{font-family:"Noto Serif SC",sans-serif;font-weight:700;line-height:1.5}.container[data-v-e975d423]{position:relative}.action[data-v-e975d423]{align-items:center;background:#252525;border-radius:9999px;color:#fff;display:inline-flex;justify-content:center;transition:.2s ease-in-out}.action[data-v-e975d423]:hover{background:#4797f5}.action.secondary[data-v-e975d423]{background:#fff;border:2px solid #252525;color:#252525}.action.secondary[data-v-e975d423]:hover{border-color:#4797f5;color:#4797f5}.total-hour[data-v-e975d423]{height:28px;line-height:28px;transition:all .5s ease}.demo[data-v-e975d423]{position:relative}.demo .bg[data-v-e975d423]{background-image:url(../portal-static/images/bg-demo.png);background-position:50%;background-repeat:no-repeat;background-size:cover;left:0;position:absolute;top:0;width:100%;z-index:-1}.demo .demo-screen[data-v-e975d423]{border-radius:12px}.introduction .top .title[data-v-4a14636c]{font-weight:600}.introduction .top .subtitle[data-v-4a14636c]{font-weight:400;margin-top:4px}.introduction .top .hint[data-v-4a14636c]{font-family:New York;font-style:italic;font-weight:400;text-align:right}.introduction .cards[data-v-4a14636c]{display:grid;gap:16px}.introduction .cards .card[data-v-4a14636c]{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:4px;color:#fff;cursor:pointer;height:350px;padding:24px;position:relative}.introduction .cards .card[data-v-4a14636c]:before{background:#e5eff8;border-radius:4px;content:"";height:100%;opacity:0;position:absolute;right:0;top:0;transition:.2s ease-in-out;width:100%}.introduction .cards .card[data-v-4a14636c]:hover:before{opacity:.3}.introduction .cards .card:hover .arrow[data-v-4a14636c]{opacity:1}.introduction .cards .card .lable[data-v-4a14636c]{font-family:New York;font-size:12px;font-style:italic}.introduction .cards .card .title[data-v-4a14636c]{font-size:20px;font-weight:500;line-height:1.5}.introduction .cards .card .subtitle[data-v-4a14636c]{font-size:14px;font-weight:400;line-height:1.5}.introduction .cards .card .arrow[data-v-4a14636c]{bottom:24px;left:24px;opacity:0;position:absolute;transition:.2s ease-in-out}.features .top .title[data-v-a6cfe745]{font-weight:600}.features .top .subtitle[data-v-a6cfe745]{font-weight:400;margin-top:4px}.features .top .hint[data-v-a6cfe745]{font-family:New York;font-size:14px;font-style:italic;font-weight:400;text-align:right}.features .cards[data-v-a6cfe745]{display:grid;gap:48px;margin-top:32px}.features .cards .card[data-v-a6cfe745]{display:flex}.features .cards .card .icon[data-v-a6cfe745]{align-items:center;display:inline-block;display:flex;height:64px;justify-content:center;width:64px}.features .cards .card .title[data-v-a6cfe745]{font-size:20px;font-weight:500;margin-bottom:16px}.features .cards .card .subtitle[data-v-a6cfe745]{color:#979797;font-size:14px;font-weight:400}.features .cards .compitition[data-v-a6cfe745]{background-image:url(/portal-static/images/bg-features.png);background-repeat:no-repeat;background-size:cover;color:#fff;overflow:hidden;position:relative}.features .cards .compitition[data-v-a6cfe745]:after{background-image:url(/portal-static/images/rank.png);content:"";height:448px;position:absolute;right:-20px;top:48px;width:824px}.price[data-v-2edf134e]{color:#212121;margin-top:126px}.price .intro[data-v-2edf134e]{flex-basis:400px}.price .intro .title[data-v-2edf134e]{font-weight:600;line-height:32px}.price .intro .subtitle[data-v-2edf134e]{font-weight:400;margin-top:20px}.price .items[data-v-2edf134e]{margin-top:32px}.price .items .item[data-v-2edf134e]{align-items:center;display:flex;font-size:18px;font-weight:500;gap:12px;line-height:1;margin-bottom:24px}.price .items .item[data-v-2edf134e]:last-child{color:#979797;margin-bottom:0}.comments[data-v-4a5e7666]{background:linear-gradient(180deg,#e6f0f9,#fff);background-repeat:no-repeat;background-size:cover}.comments>.container .top .title[data-v-4a5e7666]{color:#3e5c77;font-weight:600}.comments>.container .top .hint[data-v-4a5e7666]{color:#3e5c77;font-family:New York;font-style:italic;font-weight:400;opacity:.5}.comments .items-container[data-v-4a5e7666]{overflow:hidden;padding:0 24px}.comments .items[data-v-4a5e7666]{animation:scroll-4a5e7666 90s linear infinite;display:flex;flex-wrap:nowrap;gap:16px}.comments .items[data-v-4a5e7666]:hover{animation-play-state:paused}.comments .items .item[data-v-4a5e7666]{background:#fff;border-radius:4px;flex:0 0 340px;padding:24px;position:relative}.comments .items .item .quote[data-v-4a5e7666]{position:absolute;right:24px;top:32px;width:24px}.comments .items .item .top[data-v-4a5e7666]{align-items:center;display:flex}.comments .items .item .top .name[data-v-4a5e7666]{font-size:16px;font-weight:500}.comments .items .item .top .hint[data-v-4a5e7666]{font-size:12px;font-weight:400;margin-top:6px;opacity:.6}.comments .items .item .content[data-v-4a5e7666]{font-weight:400;line-height:150%;margin-top:30px}@keyframes scroll-4a5e7666{0%{transform:translate(0)}to{transform:translate(-6309px)}}