@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;700&family=Poppins:wght@600;800&display=swap);a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}root{background:linear-gradient(180deg,#fff,#e4ecff)!important}::-webkit-scrollbar-track{background-color:#f4f4f4}::-webkit-scrollbar{background:#f4f4f4;width:6px}::-webkit-scrollbar-thumb{background:#dad7d7}body,html{background:linear-gradient(180deg,#fff,#e4ecff);font-family:Poppins,sans-serif;height:100vh;min-height:100%;overflow-x:hidden;width:100vw}body main,html main{align-items:center;background:url(assets/elipse.svg) 62rem no-repeat;background-position:100% 0;background-size:68rem;display:flex;flex-direction:column;height:100%;width:100%}body main#main.active,html main#main.active{filter:blur(15px);transition:.5s}body main header,html main header{align-items:center;display:flex;height:60px;justify-content:space-between;margin-top:1rem;width:90%}body main header .logo-kanban,html main header .logo-kanban{align-items:center;display:flex;height:100%;justify-content:start}body main header .logo-kanban img,html main header .logo-kanban img{width:13rem}body main header #buttons,html main header #buttons{border-radius:0;display:flex;height:42.5069122314px;justify-content:space-between;left:1049px;top:6.6333007813px;width:353px}body main header #buttons .select-container,html main header #buttons .select-container{height:100%;position:relative}body main header #languages,html main header #languages{padding-left:0}body main header #languages img,body main header .btn-select img,html main header #languages img,html main header .btn-select img{width:32px}body main header #languages li,html main header #languages li{list-style:none;padding-bottom:2px;padding-top:2px}body main header .language-list,html main header .language-list{background:#e8c24d;border:none;border-radius:0 0 12px 12px;color:#fff;cursor:pointer;display:none;font-family:Outfit,serif;font-size:13.6px;height:61px;margin-top:-8px;padding:4px;position:absolute;width:134px;z-index:5}body main header .language-list--show,html main header .language-list--show{display:block}body main header .open,html main header .open{display:show!important}body main header .btn-select,html main header .btn-select{align-items:center;background:#e8c24d;background-image:url(assets/down-arrow.svg);background-position:100%;background-position:50%;background-position-x:97px;background-repeat:no-repeat;border:none;border-radius:10.2px;color:#fff;cursor:pointer;display:flex;font-family:Outfit,serif;font-size:13.6px;height:38.08px;justify-content:start;margin-top:3px;padding:4px;width:142px}body main header .btn-select--hide,html main header .btn-select--hide{display:none}body main header .btn-select li,html main header .btn-select li{float:left;list-style:none;padding-bottom:0}body main header .btn-select:hover li,html main header .btn-select:hover li{margin-left:0}body main header .btn-select:focus,html main header .btn-select:focus{outline:none}body main header .button-have-account,html main header .button-have-account{align-items:center;display:flex;height:100%}body main header .button-have-account button,html main header .button-have-account button{background:#a26ad3;border:none;border-radius:20px;color:#fff;font-family:Outfit;font-size:12.8px;height:42px;transition:.5s;width:12rem;z-index:1}body main header .button-have-account button:hover,html main header .button-have-account button:hover{background-color:#9246dc;cursor:pointer}body main header li,html main header li{align-items:center;display:flex;justify-content:center;width:100%}body main header li img,html main header li img{margin:2px;width:50%}body main header li span,html main header li span{text-align:start;width:50%}body main .container,html main .container{align-items:center;display:flex;height:100%;justify-content:center;width:85%}body main .container section,html main .container section{display:flex;justify-content:space-between;margin-top:-24%;width:100%}body main .container section article,html main .container section article{height:50%;text-align:center;width:100%}body main .container section .article-1,html main .container section .article-1{color:#000;line-height:3.4rem;margin-top:10px;text-align:initial}body main .container section .article-1 .organize-optimize,html main .container section .article-1 .organize-optimize{font-size:57px;line-height:normal}body main .container section .article-1 .organize-optimize span:first-of-type,html main .container section .article-1 .organize-optimize span:first-of-type{font-weight:700}body main .container section .article-1 .register,html main .container section .article-1 .register{font-size:18px;font-style:normal;font-weight:600;margin-bottom:12px;margin-top:.6rem}body main .container section .article-1 .email,html main .container section .article-1 .email{margin-bottom:20px}body main .container section .article-1 .email input,html main .container section .article-1 .email input{border:.510138px solid #9e9e9e;border-radius:4px;font-family:Outfit;font-size:15px;height:52px;outline:0;padding-left:38px;width:-webkit-fill-available}body main .container section .article-1 .email ::placeholder,html main .container section .article-1 .email ::placeholder{color:#bdb8b8}body main .container section .article-1 .email .invalid-email,html main .container section .article-1 .email .invalid-email{border-color:red}body main .container section .article-1 .email .invalid-email+.invalid-email-message,html main .container section .article-1 .email .invalid-email+.invalid-email-message{display:block}body main .container section .article-1 .email .invalid-email-message,html main .container section .article-1 .email .invalid-email-message{color:red;display:none;font-family:Outfit,sans-serif;font-size:15px;line-height:normal;margin-top:10px}body main .container section .article-1 .input-email-icon,html main .container section .article-1 .input-email-icon{background-color:#fff!important;background:url(assets/mail.svg) 1.3rem no-repeat;background-position:10px}body main .container section .article-1 .buttons,html main .container section .article-1 .buttons{align-items:center;display:flex}body main .container section .article-1 .buttons .continue_button,html main .container section .article-1 .buttons .continue_button{background:#a26ad3;border:#a26ad3;border-radius:31.4667px;color:#fff;font-family:Outfit;font-size:15.288px;font-style:normal;font-weight:700;height:40px;line-height:19px;margin-right:12px;width:200px}body main .container section .article-1 .buttons .continue_button:hover,html main .container section .article-1 .buttons .continue_button:hover{background-color:#9551de;cursor:pointer}body main .container section .article-1 .buttons .continue_button__loading,html main .container section .article-1 .buttons .continue_button__loading{opacity:.8}body main .container section .article-1 .buttons .continue_button__loading .continue_button__label,html main .container section .article-1 .buttons .continue_button__loading .continue_button__label{display:none}body main .container section .article-1 .buttons .continue_button__loading .continue_button__loader,html main .container section .article-1 .buttons .continue_button__loading .continue_button__loader{display:block}body main .container section .article-2,html main .container section .article-2{align-items:normal}body main .container section .article-2 .macbook,html main .container section .article-2 .macbook{height:55%;position:absolute;width:50%}body main .container section .article-2 .macbook img,html main .container section .article-2 .macbook img{height:100%;width:98%}@media screen and (max-width:600px){body main,html main{background:url(assets/background-kanban-mobile.svg) no-repeat;background-position:100% 0;background-size:15rem}body main header,html main header{margin-top:2px;width:99%}body main header .logo-kanban,html main header .logo-kanban{margin-left:1rem}body main header .logo-kanban img,html main header .logo-kanban img{width:6rem}body main header #buttons,html main header #buttons{height:30.506912px;margin-right:8px;width:214px}body main header .btn-select img,html main header .btn-select img{width:18px}body main header .btn-select,html main header .btn-select{background-position-x:60px;background-size:20px;font-size:9px;height:26px;width:92px}body main header .language-list,html main header .language-list{font-size:9px;height:43px;margin-top:-9px;width:84px}body main header #languages img,html main header #languages img{width:18px}body main header .button-have-account button,html main header .button-have-account button{font-size:8.2px;height:30px;width:108px}body main .container,html main .container{align-items:flex-start;margin-top:20px}body main .container section,html main .container section{flex-direction:column;height:70%;margin-top:0}body main .container section .article-1,html main .container section .article-1{margin-top:14px}body main .container section .article-1 .organize-optimize,html main .container section .article-1 .organize-optimize{font-size:20px}body main .container section .article-1 .register,html main .container section .article-1 .register{font-size:12px}body main .container section .article-2,html main .container section .article-2{display:flex;margin-top:60px}body main .container section .article-2 .macbook,html main .container section .article-2 .macbook{height:35%;left:0;margin-top:10px;position:relative;width:100%}body main .container section .article-2 .macbook img,html main .container section .article-2 .macbook img{height:100%;width:100%}}@media screen and (min-width:601px)and (max-width:960px){body main,html main{background-size:20rem;line-height:81px}body main header,html main header{width:98%}body main header #buttons,html main header #buttons{width:194px}body main header li,html main header li{height:25px}body main .select-container,html main .select-container{margin-left:-10rem}body main .container,html main .container{align-items:center;height:100%;width:74%}body main .container section,html main .container section{display:flex;flex-direction:column;height:88%;justify-content:space-between;margin-top:-40px}body main .container section .article-1,html main .container section .article-1{margin-top:12%}body main .container section .article-1 .organize-optimize,html main .container section .article-1 .organize-optimize{font-size:34px}body main .container section .article-2,html main .container section .article-2{align-items:normal;display:flex;margin-top:10%}body main .container section .article-2 .macbook,html main .container section .article-2 .macbook{height:103%;position:relative;width:100%}}@media screen and (min-width:960px)and (max-width:1279px){body main,html main{background-size:48rem}body main header #buttons,html main header #buttons{width:194px}body main header #buttons .select-container,html main header #buttons .select-container{margin-left:-10rem}body main .container section,html main .container section{flex-direction:row;height:90%;margin-left:-5rem;margin-top:0}body main .container section .article-1,html main .container section .article-1{line-height:3.4rem;margin-top:35px}body main .container section .article-1 .organize-optimize,html main .container section .article-1 .organize-optimize{font-size:34px;line-height:normal}body main .container section .article-2 .macbook,html main .container section .article-2 .macbook{height:55%;position:absolute;width:50%}body main .container section .article-2 .macbook img,html main .container section .article-2 .macbook img{height:100%;width:98%}}@media screen and (min-width:1280px)and (max-width:1919px){body main,html main{background-size:50rem}body main header,html main header{margin-top:1rem}body main header #buttons,html main header #buttons{border-radius:0;height:42.5069122314px;left:1049px;top:6.6333007813px;width:353px}body main header #buttons .button-have-account button,html main header #buttons .button-have-account button{height:42px;width:12rem}body main header .logo-kanban img,html main header .logo-kanban img{width:13rem}body main .container section,html main .container section{flex-direction:row;height:90%;margin-left:-5rem;margin-top:0}body main .container section .article-1,html main .container section .article-1{line-height:3.4rem;margin-top:35px}body main .container section .article-1 .organize-optimize,html main .container section .article-1 .organize-optimize{font-size:44px;line-height:normal}body main .container section .article-1 .email input,html main .container section .article-1 .email input{width:94%}body main .container section .article-2 .macbook,html main .container section .article-2 .macbook{height:55%;position:absolute;width:50%}body main .container section .article-2 .macbook img,html main .container section .article-2 .macbook img{height:100%;width:98%}}body .login-modal,html .login-modal{align-items:center;backdrop-filter:blur(10px);display:none;height:100vh;justify-content:center;left:0;position:fixed;top:0;transition:.5s;width:100vw;z-index:999}body .modal,html .modal{background-color:#fff;border-radius:8px;box-shadow:5px 5px 15px rgba(0,0,0,.2);font-family:Outfit;justify-content:center;left:50%;min-height:400px;padding:1.3rem;position:fixed;top:50%;transform:translate(-50%,-50%);width:364px;z-index:10}body .modal form,html .modal form{display:flex;flex-direction:column;gap:12px}body .modal .login-header,html .modal .login-header{font-size:22px;font-weight:600;padding:1.2rem;text-align:center}body .modal .input_label,html .modal .input_label{font-family:Outfit,sans-serif;font-size:13.6px;font-weight:400}body .modal .input_group,html .modal .input_group{align-items:center;border:1px solid #c8c8c8;border-radius:5px;display:flex;height:40px;margin-top:5px;padding:5px 10px}body .modal .input_group:has(+.input_error--visible),html .modal .input_group:has(+.input_error--visible){border-color:red}body .modal .input_group__input,html .modal .input_group__input{background-color:#fff;border:none;font-family:Outfit,sans-serif;font-size:14px;padding:0 10px;width:100%}body .modal .input_group__input:focus,html .modal .input_group__input:focus{outline:none}body .modal .input_group__input:-webkit-autofill,body .modal .input_group__input:-webkit-autofill:focus,body .modal .input_group__input:-webkit-autofill:hover,html .modal .input_group__input:-webkit-autofill,html .modal .input_group__input:-webkit-autofill:focus,html .modal .input_group__input:-webkit-autofill:hover{-webkit-box-shadow:inset 0 0 0 1000px #fff}body .modal .input_error,body .modal .input_error--no_margin,html .modal .input_error,html .modal .input_error--no_margin{color:red;display:none;font-size:12px;margin:5px 0 0}body .modal .input_error--visible,html .modal .input_error--visible{display:block}body .modal .input_error--no_margin,html .modal .input_error--no_margin{margin-top:0}body .modal .mail_icon,html .modal .mail_icon{content:url(assets/mail.svg);height:15px;width:18px}body .modal .padlock_icon,html .modal .padlock_icon{content:url(assets/padlock.svg)}body .modal .eyeoff_icon,html .modal .eyeoff_icon{content:url(assets/eye-off.svg);height:24px;width:24px}body .modal .eyeon_icon,html .modal .eyeon_icon{content:url(assets/eye-on.svg)}body .modal .eyeoff_icon,body .modal .eyeon,html .modal .eyeoff_icon,html .modal .eyeon{cursor:pointer}body .modal #btn-login,html .modal #btn-login{background-color:#9a6ecf;border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Outfit;font-size:13.6px;font-weight:600;line-height:17.14px;margin-top:1rem;padding:13px 9px;position:relative}body .modal #login-btn-signin,html .modal #login-btn-signin{display:block}body .modal #login-btn-signin.is-visible,html .modal #login-btn-signin.is-visible{display:none}body .modal .forgot-password,html .modal .forgot-password{font-size:12px;margin-top:.2rem;text-decoration:none}body .modal .forgot-password a,html .modal .forgot-password a{color:#0087d3;cursor:pointer}body .modal .modal-footer,html .modal .modal-footer{font-size:10px;margin-top:1.2rem;text-align:center}body .modal .modal-footer .sign_up,html .modal .modal-footer .sign_up{font-size:13px;margin-top:20px}body .modal .modal-footer .sign_up__label,body .modal .modal-footer .sign_up__link,html .modal .modal-footer .sign_up__label,html .modal .modal-footer .sign_up__link{display:inline-block}body .modal .modal-footer .sign_up__link,html .modal .modal-footer .sign_up__link{color:#337ab7;cursor:pointer}body .modal .modal-footer .sign_up__link:hover,html .modal .modal-footer .sign_up__link:hover{text-decoration:underline}body .login-modal.show,html .login-modal.show{display:flex}body .login-modal .close-modal,html .login-modal .close-modal{color:#9e9e9e;cursor:pointer;font-size:14px;left:95%;position:fixed;top:3%}@media screen and (max-width:600px){body,html{height:auto;overflow-x:hidden}body .modal,html .modal{width:260px}body .modal #close-modal,html .modal #close-modal{font-size:13px;left:94%;top:2%}body .modal .login-header,html .modal .login-header{font-size:20px}}@media screen and (min-width:601px)and (max-width:960px){body,html{height:auto;overflow-x:hidden}body .modal,html .modal{width:260px}body .modal .login-header,html .modal .login-header{font-size:20px}}.loading{color:#fff;display:none;font-size:.5rem}.loading.is-visible{display:block}.spinner{color:inherit;font-size:1em;height:4em;margin:0 auto;text-align:center;width:5em}.spinner>div{-webkit-animation:sk-stretchdelay 1.2s ease-in-out infinite;animation:sk-stretchdelay 1.2s ease-in-out infinite;color:inherit;display:inline-block;height:100%;width:.6em}.spinner>div:not(:last-child){margin-right:.1em}.spinner .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.spinner .rect3{-webkit-animation-delay:-1s;animation-delay:-1s}.spinner .rect4{-webkit-animation-delay:-.9s;animation-delay:-.9s}.spinner .rect5{-webkit-animation-delay:-.8s;animation-delay:-.8s}.spinner-small{color:inherit;font-size:1em;height:2em;margin:0 auto;text-align:center;width:5em}.spinner-small>div{-webkit-animation:sk-stretchdelay 1.2s ease-in-out infinite;animation:sk-stretchdelay 1.2s ease-in-out infinite;background-color:currentColor;color:inherit;display:inline-block;height:100%;width:.6em}.spinner-small>div:not(:last-child){margin-right:.1em}.spinner-small .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.spinner-small .rect3{-webkit-animation-delay:-1s;animation-delay:-1s}.spinner-small .rect4{-webkit-animation-delay:-.9s;animation-delay:-.9s}.spinner-small .rect5{-webkit-animation-delay:-.8s;animation-delay:-.8s}.spinner-small-login{color:inherit;font-size:1em;height:1em;margin:0 auto;text-align:center;width:4em}.spinner-small-login>div{-webkit-animation:sk-stretchdelay 1.2s ease-in-out infinite;animation:sk-stretchdelay 1.2s ease-in-out infinite;background-color:currentColor;color:inherit;display:inline-block;height:100%;width:.6em}.spinner-small-login>div:not(:last-child){margin-right:.1em}.spinner-small-login .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.spinner-small-login .rect3{-webkit-animation-delay:-1s;animation-delay:-1s}.spinner-small-login .rect4{-webkit-animation-delay:-.9s;animation-delay:-.9s}.spinner-small-login .rect5{-webkit-animation-delay:-.8s;animation-delay:-.8s}.spinner-small-home{bottom:43%;left:69%}@-webkit-keyframes sk-stretchdelay{0%,40%,to{-webkit-transform:scaleY(.4)}20%{-webkit-transform:scaleY(1)}}@keyframes sk-stretchdelay{0%,40%,to{-webkit-transform:scaleY(.4);transform:scaleY(.4)}20%{-webkit-transform:scaleY(1);transform:scaleY(1)}}