@import url(https://cdn.jsdelivr.net/npm/pixeden-stroke-7-icon@1.2.3/pe-icon-7-stroke/dist/pe-icon-7-stroke.min.css);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800&display=swap);*{margin:0;padding:0;box-sizing:border-box}body,input{font-family:"Poppins",sans-serif}.container{position:relative;width:100%;background-color:#fff;min-height:100vh;overflow:hidden}.forms-container{position:absolute;width:100%;height:100%;top:0;left:0}.signin-signup{position:absolute;top:50%;transform:translate(-50%,-50%);left:75%;width:50%;transition:1s ease-in-out .7s;display:grid;grid-template-columns:1fr;z-index:5}form{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0 5rem;transition:all .2s .7s;overflow:hidden;grid-column:1/2;grid-row:1/2}form.sign-up-form{opacity:0;z-index:1}form.sign-in-form{z-index:2}.title{font-size:2.2rem;color:#444;margin-bottom:10px}.input-field{max-width:380px;width:100%;background-color:#f0f0f0;margin:10px 0;height:55px;border-radius:55px;display:grid;grid-template-columns:15% 85%;padding:0 .4rem;position:relative}.input-field i{text-align:center;line-height:55px;color:#acacac;transition:.5s;font-size:1.1rem}.input-field input{background:none;outline:none;border:none;line-height:1;font-weight:600;font-size:1.1rem;color:#333}.input-field input::placeholder{color:#aaa;font-weight:500}.social-text{padding:.7rem 0;font-size:1rem}.social-icon,.social-media{display:flex;justify-content:center}.social-icon{height:46px;width:46px;align-items:center;margin:0 .45rem;color:#333;border-radius:50%;border:1px solid #333;text-decoration:none;font-size:1.1rem;transition:.3s}.social-icon:hover{color:#4481eb;border-color:var(--color-tertiary)}.btn{width:150px;background-color:var(--color-primary);border:none;outline:none;height:49px;border-radius:49px;color:#fff;text-transform:uppercase;font-weight:600;margin:10px 0;cursor:pointer;transition:.5s}.btn:hover{background-color:var(--color-tertiary)}.panels-container{position:absolute;height:100%;width:100%;top:0;left:0;display:grid;grid-template-columns:repeat(2,1fr)}.container:before{content:"";position:absolute;height:2000px;width:2000px;top:-10%;right:48%;transform:translateY(-50%);background-image:linear-gradient(-45deg,var(--color-tertiary),var(--color-primary));transition:1.8s ease-in-out;border-radius:50%;z-index:6}.div-image{width:100%;height:100%}.image{width:85%;transition:transform 1.1s ease-in-out;transition-delay:.4s}.panel{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-around;text-align:center;z-index:6}.left-panel{pointer-events:all;padding:3rem 17% 2rem 12%}.right-panel{pointer-events:none;padding:3rem 12% 2rem 17%}.panel .content{color:#fff;transition:transform .9s ease-in-out;transition-delay:.6s}.panel h3{font-weight:600;line-height:1;font-size:1.5rem}.panel p{font-size:.95rem;padding:.7rem 0}.btn.transparent{margin:0;background:none;border:2px solid #fff;width:130px;height:41px;font-weight:600;font-size:.8rem}.right-panel .content,.right-panel .image{transform:translateX(800px)}.container.sign-up-mode:before{transform:translate(100%,-50%);right:52%}.container.sign-up-mode .left-panel .content,.container.sign-up-mode .left-panel .image{transform:translateX(-800px)}.container.sign-up-mode .signin-signup{left:25%}.container.sign-up-mode form.sign-up-form{opacity:1;z-index:2}.container.sign-up-mode form.sign-in-form{opacity:0;z-index:1}.container.sign-up-mode .right-panel .content,.container.sign-up-mode .right-panel .image{transform:translateX(0)}.container.sign-up-mode .left-panel{pointer-events:none}.container.sign-up-mode .right-panel{pointer-events:all}@media (max-width:870px){.container{min-height:800px;height:100vh}.signin-signup{width:100%;top:80%;transform:translate(-50%,-100%);transition:1s ease-in-out .8s}.container.sign-up-mode .signin-signup,.signin-signup{left:50%}.panels-container{grid-template-columns:1fr;grid-template-rows:1fr 2fr 1fr}.panel{flex-direction:row;justify-content:space-around;align-items:center;padding:2.5rem 8%;grid-column:1/2}.right-panel{grid-row:3/4}.left-panel{grid-row:1/2}.image{width:200px;transition:transform .9s ease-in-out;transition-delay:.6s}.panel .content{padding-right:15%;transition:transform .9s ease-in-out;transition-delay:.8s}.panel h3{font-size:1.2rem}.panel p{font-size:.7rem;padding:.5rem 0}.btn.transparent{width:110px;height:35px;font-size:.7rem}.container:before{width:1500px;height:1500px;transform:translateX(-50%);left:30%;bottom:68%;right:auto;top:auto;transition:2s ease-in-out}.container.sign-up-mode:before{transform:translate(-50%,100%);bottom:32%;right:auto}.container.sign-up-mode .left-panel .content,.container.sign-up-mode .left-panel .image{transform:translateY(-300px)}.container.sign-up-mode .right-panel .content,.container.sign-up-mode .right-panel .image{transform:translateY(0)}.right-panel .content,.right-panel .image{transform:translateY(300px)}.container.sign-up-mode .signin-signup{top:20%;transform:translate(-50%)}}@media (max-width:570px){form{padding:0 1.5rem}.div-image,.image{display:none}.panel .content{padding:.5rem 1rem}.container{padding:1.5rem}.container:before{bottom:72%;left:50%}.container.sign-up-mode:before{bottom:28%;left:50%}}.loading{position:fixed;z-index:999;overflow:show;margin:auto;top:0;left:0;bottom:0;right:0;width:50px;height:50px}.RRT__container,.RRT__tabs{position:relative}.RRT__tabs{display:flex;flex-wrap:wrap}.RRT__accordion{flex-direction:column}.RRT__tab{cursor:pointer;z-index:1;white-space:nowrap;padding:.5rem 1rem .5rem .8rem;transition:all .2s}.RRT__tab:hover{color:var(--color-primary)}.RRT__tab:focus{outline:0}.RRT__tab--selected{color:#fff}.RRT__tab--selected:hover{cursor:default;color:#fff}.RRT__tab--disabled{opacity:.5;cursor:not-allowed}.RRT__tab:focus{z-index:2}.RRT__tab--selected .RRT__removable{position:relative}.RRT__tab--selected .RRT__removable-text{margin-right:10px}.RRT__tab--selected .RRT__removable-icon{position:absolute;font-size:18px;right:.5em;top:.2em}.RRT__panel{margin-top:1rem}.RRT__showmore{border-radius:.25rem;background:var(--color-primary);cursor:pointer;z-index:1;white-space:nowrap;font-weight:700;width:36px;text-align:center;height:36px;display:block;margin-left:15px;position:absolute;right:30px;top:50%;margin-top:-18px;font-size:1.4rem}.RRT__showmore:focus{outline:none}.RRT__showmore-label{position:relative;z-index:1;color:#fff;width:36px;text-align:center;height:36px;line-height:24px}.RRT__showmore--selected{box-shadow:0 16px 26px -10px var(--color-primary),0 4px 25px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(3,60,115,.2)}.RRT__showmore-list{position:absolute;right:-1px;top:100%;display:none;min-width:15rem;padding:.65rem 0;margin:.125rem 0 0;font-size:.88rem;color:#495057;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem;box-shadow:0 .46875rem 2.1875rem rgba(0,0,0,.03),0 .9375rem 1.40625rem rgba(0,0,0,.03),0 .25rem .53125rem rgba(0,0,0,.05),0 .125rem .1875rem rgba(0,0,0,.03)}.RRT__showmore-list .RRT__tab{display:block;width:100%;padding:.4rem 1.5rem;clear:both;font-weight:400;color:#212529;text-align:inherit;white-space:nowrap;background-color:initial;border:0;margin:0}.RRT__showmore-list .RRT__tab.RRT__tab--selected,.RRT__showmore-list .RRT__tab:hover{color:#16181b!important;text-decoration:none;background:#d1f3ff}.RRT__showmore-list--opened{display:block}.RRT__showmore-list--opened .RRT__tab--selected{color:#033c73}.RRT__inkbar-wrapper{width:100%}.RRT__inkbar{position:relative;bottom:0;height:35px;margin-top:-35px;background-color:var(--color-primary);border-radius:.25rem;transition:all .5s cubic-bezier(.29,1.42,.79,1) 0s;box-shadow:0 16px 26px -10px rgba(3,60,115,.56),0 4px 25px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(84,92,216,.2)}.ct-double-octave:after,.ct-major-eleventh:after,.ct-major-second:after,.ct-major-seventh:after,.ct-major-sixth:after,.ct-major-tenth:after,.ct-major-third:after,.ct-major-twelfth:after,.ct-minor-second:after,.ct-minor-seventh:after,.ct-minor-sixth:after,.ct-minor-third:after,.ct-octave:after,.ct-perfect-fifth:after,.ct-perfect-fourth:after,.ct-square:after{content:"";clear:both}.ct-label{fill:rgba(0,0,0,.4);color:rgba(0,0,0,.4);font-size:.75rem;line-height:1}.ct-grid-background,.ct-line{fill:none}.ct-chart-bar .ct-label,.ct-chart-line .ct-label{display:block;display:flex}.ct-chart-donut .ct-label,.ct-chart-pie .ct-label{dominant-baseline:central}.ct-label.ct-horizontal.ct-start{align-items:flex-end;justify-content:flex-start;text-align:left;text-anchor:start}.ct-label.ct-horizontal.ct-end{align-items:flex-start;justify-content:flex-start;text-align:left;text-anchor:start}.ct-label.ct-vertical.ct-start{align-items:flex-end;justify-content:flex-end;text-align:right;text-anchor:end}.ct-label.ct-vertical.ct-end{align-items:flex-end;justify-content:flex-start;text-align:left;text-anchor:start}.ct-chart-bar .ct-label.ct-horizontal.ct-start{align-items:flex-end;justify-content:center;text-align:center;text-anchor:start}.ct-chart-bar .ct-label.ct-horizontal.ct-end{align-items:flex-start;justify-content:center;text-align:center;text-anchor:start}.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-start{align-items:flex-end;justify-content:flex-start;text-align:left;text-anchor:start}.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-end{align-items:flex-start;justify-content:flex-start;text-align:left;text-anchor:start}.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-start{align-items:center;justify-content:flex-end;text-align:right;text-anchor:end}.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-end{align-items:center;justify-content:flex-start;text-align:left;text-anchor:end}.ct-grid{stroke:rgba(0,0,0,.2);stroke-width:1px;stroke-dasharray:2px}.ct-point{stroke-width:10px;stroke-linecap:round}.ct-line{stroke-width:4px}.ct-area{stroke:none;fill-opacity:.1}.ct-bar{fill:none;stroke-width:10px}.ct-slice-donut{fill:none;stroke-width:60px}.ct-series-a .ct-bar,.ct-series-a .ct-line,.ct-series-a .ct-point,.ct-series-a .ct-slice-donut{stroke:#d70206}.ct-series-a .ct-area,.ct-series-a .ct-slice-donut-solid,.ct-series-a .ct-slice-pie{fill:#d70206}.ct-series-b .ct-bar,.ct-series-b .ct-line,.ct-series-b .ct-point,.ct-series-b .ct-slice-donut{stroke:#f05b4f}.ct-series-b .ct-area,.ct-series-b .ct-slice-donut-solid,.ct-series-b .ct-slice-pie{fill:#f05b4f}.ct-series-c .ct-bar,.ct-series-c .ct-line,.ct-series-c .ct-point,.ct-series-c .ct-slice-donut{stroke:#f4c63d}.ct-series-c .ct-area,.ct-series-c .ct-slice-donut-solid,.ct-series-c .ct-slice-pie{fill:#f4c63d}.ct-series-d .ct-bar,.ct-series-d .ct-line,.ct-series-d .ct-point,.ct-series-d .ct-slice-donut{stroke:#d17905}.ct-series-d .ct-area,.ct-series-d .ct-slice-donut-solid,.ct-series-d .ct-slice-pie{fill:#d17905}.ct-series-e .ct-bar,.ct-series-e .ct-line,.ct-series-e .ct-point,.ct-series-e .ct-slice-donut{stroke:#453d3f}.ct-series-e .ct-area,.ct-series-e .ct-slice-donut-solid,.ct-series-e .ct-slice-pie{fill:#453d3f}.ct-series-f .ct-bar,.ct-series-f .ct-line,.ct-series-f .ct-point,.ct-series-f .ct-slice-donut{stroke:#59922b}.ct-series-f .ct-area,.ct-series-f .ct-slice-donut-solid,.ct-series-f .ct-slice-pie{fill:#59922b}.ct-series-g .ct-bar,.ct-series-g .ct-line,.ct-series-g .ct-point,.ct-series-g .ct-slice-donut{stroke:#0544d3}.ct-series-g .ct-area,.ct-series-g .ct-slice-donut-solid,.ct-series-g .ct-slice-pie{fill:#0544d3}.ct-series-h .ct-bar,.ct-series-h .ct-line,.ct-series-h .ct-point,.ct-series-h .ct-slice-donut{stroke:#6b0392}.ct-series-h .ct-area,.ct-series-h .ct-slice-donut-solid,.ct-series-h .ct-slice-pie{fill:#6b0392}.ct-series-i .ct-bar,.ct-series-i .ct-line,.ct-series-i .ct-point,.ct-series-i .ct-slice-donut{stroke:#f05b4f}.ct-series-i .ct-area,.ct-series-i .ct-slice-donut-solid,.ct-series-i .ct-slice-pie{fill:#f05b4f}.ct-series-j .ct-bar,.ct-series-j .ct-line,.ct-series-j .ct-point,.ct-series-j .ct-slice-donut{stroke:#dda458}.ct-series-j .ct-area,.ct-series-j .ct-slice-donut-solid,.ct-series-j .ct-slice-pie{fill:#dda458}.ct-series-k .ct-bar,.ct-series-k .ct-line,.ct-series-k .ct-point,.ct-series-k .ct-slice-donut{stroke:#eacf7d}.ct-series-k .ct-area,.ct-series-k .ct-slice-donut-solid,.ct-series-k .ct-slice-pie{fill:#eacf7d}.ct-series-l .ct-bar,.ct-series-l .ct-line,.ct-series-l .ct-point,.ct-series-l .ct-slice-donut{stroke:#86797d}.ct-series-l .ct-area,.ct-series-l .ct-slice-donut-solid,.ct-series-l .ct-slice-pie{fill:#86797d}.ct-series-m .ct-bar,.ct-series-m .ct-line,.ct-series-m .ct-point,.ct-series-m .ct-slice-donut{stroke:#b2c326}.ct-series-m .ct-area,.ct-series-m .ct-slice-donut-solid,.ct-series-m .ct-slice-pie{fill:#b2c326}.ct-series-n .ct-bar,.ct-series-n .ct-line,.ct-series-n .ct-point,.ct-series-n .ct-slice-donut{stroke:#6188e2}.ct-series-n .ct-area,.ct-series-n .ct-slice-donut-solid,.ct-series-n .ct-slice-pie{fill:#6188e2}.ct-series-o .ct-bar,.ct-series-o .ct-line,.ct-series-o .ct-point,.ct-series-o .ct-slice-donut{stroke:#a748ca}.ct-series-o .ct-area,.ct-series-o .ct-slice-donut-solid,.ct-series-o .ct-slice-pie{fill:#a748ca}.ct-square{display:block;position:relative;width:100%}.ct-square:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:100%}.ct-square:after{display:table}.ct-square>svg{display:block;position:absolute;top:0;left:0}.ct-minor-second{display:block;position:relative;width:100%}.ct-minor-second:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:93.75%}.ct-minor-second:after{display:table}.ct-minor-second>svg{display:block;position:absolute;top:0;left:0}.ct-major-second{display:block;position:relative;width:100%}.ct-major-second:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:88.8888888889%}.ct-major-second:after{display:table}.ct-major-second>svg{display:block;position:absolute;top:0;left:0}.ct-minor-third{display:block;position:relative;width:100%}.ct-minor-third:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:83.3333333333%}.ct-minor-third:after{display:table}.ct-minor-third>svg{display:block;position:absolute;top:0;left:0}.ct-major-third{display:block;position:relative;width:100%}.ct-major-third:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:80%}.ct-major-third:after{display:table}.ct-major-third>svg{display:block;position:absolute;top:0;left:0}.ct-perfect-fourth{display:block;position:relative;width:100%}.ct-perfect-fourth:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:75%}.ct-perfect-fourth:after{display:table}.ct-perfect-fourth>svg{display:block;position:absolute;top:0;left:0}.ct-perfect-fifth{display:block;position:relative;width:100%}.ct-perfect-fifth:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:66.6666666667%}.ct-perfect-fifth:after{display:table}.ct-perfect-fifth>svg{display:block;position:absolute;top:0;left:0}.ct-minor-sixth{display:block;position:relative;width:100%}.ct-minor-sixth:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:62.5%}.ct-minor-sixth:after{display:table}.ct-minor-sixth>svg{display:block;position:absolute;top:0;left:0}.ct-golden-section{display:block;position:relative;width:100%}.ct-golden-section:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:61.804697157%}.ct-golden-section:after{content:"";display:table;clear:both}.ct-golden-section>svg{display:block;position:absolute;top:0;left:0}.ct-major-sixth{display:block;position:relative;width:100%}.ct-major-sixth:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:60%}.ct-major-sixth:after{display:table}.ct-major-sixth>svg{display:block;position:absolute;top:0;left:0}.ct-minor-seventh{display:block;position:relative;width:100%}.ct-minor-seventh:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:56.25%}.ct-minor-seventh:after{display:table}.ct-minor-seventh>svg{display:block;position:absolute;top:0;left:0}.ct-major-seventh{display:block;position:relative;width:100%}.ct-major-seventh:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:53.3333333333%}.ct-major-seventh:after{display:table}.ct-major-seventh>svg{display:block;position:absolute;top:0;left:0}.ct-octave{display:block;position:relative;width:100%}.ct-octave:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:50%}.ct-octave:after{display:table}.ct-octave>svg{display:block;position:absolute;top:0;left:0}.ct-major-tenth{display:block;position:relative;width:100%}.ct-major-tenth:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:40%}.ct-major-tenth:after{display:table}.ct-major-tenth>svg{display:block;position:absolute;top:0;left:0}.ct-major-eleventh{display:block;position:relative;width:100%}.ct-major-eleventh:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:37.5%}.ct-major-eleventh:after{display:table}.ct-major-eleventh>svg{display:block;position:absolute;top:0;left:0}.ct-major-twelfth{display:block;position:relative;width:100%}.ct-major-twelfth:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:33.3333333333%}.ct-major-twelfth:after{display:table}.ct-major-twelfth>svg{display:block;position:absolute;top:0;left:0}.ct-double-octave{display:block;position:relative;width:100%}.ct-double-octave:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:25%}.ct-double-octave:after{display:table}.ct-double-octave>svg{display:block;position:absolute;top:0;left:0}