@import"https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&family=Tektur:wght@400..900&display=swap";.hero{overflow:hidden;max-height:641px;border:1px solid #e5e6e6}.hero__container{position:relative;padding-top:97px;padding-bottom:28px;text-align:center}.hero__container:before{content:url(../images/ellipse-blue.svg);position:absolute;right:-179px;bottom:-208px;z-index:-1;width:500px;height:500px;opacity:1}.hero__container:after{content:url(../images/ellipse-yellow.svg);position:absolute;left:-82px;bottom:10px;z-index:-1;width:297px;height:297px;opacity:1}.hero__description{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px}.hero__subtitle{font-family:DM Sans Variable,sans-serif;color:#06f;font-size:14px;line-height:1.3;text-transform:uppercase;white-space:nowrap;animation:hero-subtitle 1.2s 1.6s both}@keyframes hero-subtitle{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}@keyframes title{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}.hero__text{letter-spacing:.3px}@media screen and (min-width: 768px){.hero__text{animation:hero-text 1.2s ease .4s 1 normal backwards running}}@keyframes hero-text{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}.hero__list{position:relative;z-index:2;display:flex;flex-direction:column;gap:16px;flex:1;align-self:stretch;animation:hero-btn 1.2s ease .8s 1 normal backwards running}@keyframes hero-btn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}.hero__dashboard-container{position:relative;margin-top:32px;perspective:2000px}.dashboard{position:relative;overflow:hidden;display:flex;width:100%;max-height:calc((100vw - 32px) / 1.78);border-radius:5.711px;border:.331px solid #e2e2e2;background:#f6f6f6;transform:rotateX(25deg) scale(.9)}.dashboard__menu-img{opacity:0}.dashboard__main{display:flex;flex-direction:column}.dashboard__content{width:100%;flex:1;overflow-y:auto}.dashboard__main-img{opacity:0;width:100%;-o-object-fit:cover;object-fit:cover}.skeleton-menu-left{background-repeat:no-repeat;background-image:url(../images/menu-left-skeleton%402x.png);background-size:cover;opacity:.6;animation:skeleton-loading 1s ease-in-out infinite alternate}@keyframes skeleton-loading{0%{opacity:.6}to{opacity:1}}.skeleton-header{background-repeat:no-repeat;background-image:url(../images/dashboard-header-skeleton%402x.png);background-size:cover;opacity:.6;animation:skeleton-loading 1s ease-in-out infinite alternate}.skeleton-upgrade{background-repeat:no-repeat;background-image:url(../images/upgrade-skeleton%402x.png);background-size:cover;opacity:.6;animation:skeleton-loading 1s ease-in-out infinite alternate}.skeleton-content{background-repeat:no-repeat;background-image:url(../images/main-skeleton%402x.png);background-size:cover;opacity:.6;animation:skeleton-loading 1s ease-in-out infinite alternate}.dashboard .horizontal-animation{position:absolute;z-index:2;top:-.331px;left:5px;width:80px;height:1px;border-radius:2px;background:linear-gradient(to left,#9d9bf2 .43%,#7877c6 14.11%,#7877c600 62.95%);opacity:0;animation:run-hero-horizontal 2s ease-out 3s infinite;animation-fill-mode:forwards}.dashboard .horizontal-animation--slow{left:10px;animation:run-hero-horizontal 5s ease-out 10s infinite;animation-fill-mode:forwards}.dashboard .horizontal-animation--fast{animation:run-hero-horizontal 4s ease-out 5s infinite;animation-fill-mode:forwards}@keyframes run-hero-horizontal{0%{opacity:0;transform:translate(0)}20%{opacity:1}to{opacity:0;transform:translate(800px)}}.dashboard .vertical-animation{position:absolute;z-index:2;top:5px;right:-.331px;width:1px;height:80px;border-radius:2px;background:linear-gradient(to top,#9d9bf2 .43%,#7877c6 14.11%,#7877c600 62.95%);opacity:0;animation:run-hero-vertical 2s ease-out 4s infinite;animation-fill-mode:forwards}.dashboard .vertical-animation--slow{top:10px;animation:run-hero-vertical 5s ease-out 11s infinite;animation-fill-mode:forwards}.dashboard .vertical-animation--fast{animation:run-hero-vertical 4s ease-out 6s infinite;animation-fill-mode:forwards}@keyframes run-hero-vertical{0%{opacity:0;transform:translateY(0)}20%{opacity:1}to{opacity:0;transform:translateY(300px)}}.hero-btn{width:100%}@media screen and (min-width: 431px){.hero__list{flex-direction:row;justify-content:center;align-items:center}}@media screen and (min-width: 768px){.hero{max-height:-moz-fit-content;max-height:fit-content}.hero__container:before{width:752px;height:752px;right:-203px;bottom:-220.312px;border-radius:752px}.hero__container:after{width:430px;height:430px;left:-218px;bottom:230.688px;border-radius:430px}.hero__subtitle{font-size:16px}.hero__text{letter-spacing:0px}.dashboard{border-radius:24px;border-width:1px}.dashboard .horizontal-animation{top:0}.dashboard .vertical-animation{right:0}}@media screen and (min-width: 1024px){.hero__container:before{right:-203px;bottom:-220.312px}.hero__container:after{left:-218px;bottom:348.688px}.hero__list{gap:32px}.dashboard{height:578px;max-width:1026px;margin:0 auto}}@media screen and (min-width: 1440px){.hero__container{padding-top:156px;padding-bottom:56px}.hero__container:before{right:-183px;bottom:-235.312px}.hero__container:after{left:-100px;bottom:404.688px}.hero__description{gap:32px}.hero__dashboard-container{margin-top:90px;padding-left:111px;padding-right:111px}}