@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@300;500;800&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Montserrat,sans-serif}:root{--primary-color: hsl(127, 75%, 32%);--hover-color: hsl(127, 75%, 50%);--paleGreen: hsl(127, 79%, 32%);--white-color: hsl(0, 0%, 100%);--black-color: hsl(0, 0%, 0%);--grey-text: hsl(0, 0%, 40%);--bgColor: hsl(0, 0%, 96%);--inputColor: hsl(127, 30%, 95%);--h1-font-size: 1.5rem;--h2-font-size: 1.25rem;--h3-font-size: 1rem;--biggest-font-size: 2.5rem;--normal-font-size: .938rem;--small-font-size: .813rem;--smallest-font-size: .75rem}.flex{display:flex;align-items:center}.grid{display:grid;align-items:center;gap:1.5rem}html{font-size:90%;overflow-x:hidden!important;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none}li{list-style:none}.icon{font-size:var(--h2-font-size);cursor:pointer}img,video{width:100%;height:auto}.message{display:none}.showMessage{display:block;color:var(--white-color);padding:5px;background:red;border-radius:3px;text-align:center}.btn{padding:.8rem 1rem;outline:none;border:none;border-radius:8px;cursor:pointer;color:var(--grey-text);transition:background .3s ease}.btn .icon{margin-left:.5rem}.btn:hover{background-color:var(--paleGreen);color:var(--white-color)}.loginPage,.registerPage{height:100vh;width:100%;margin:auto;border-radius:10px;overflow:hidden;box-shadow:0 7px 50px #d6dfd580}.loginPage .container,.registerPage .container{height:75vh;width:60%;margin:auto;display:flex;justify-content:space-between;align-items:center;border-radius:10px;background-color:#e8e8e8;position:relative}.loginPage .container .videoDiv,.registerPage .container .videoDiv{position:relative;flex:1;height:100%;width:70%;padding:0 1.5rem;display:flex;justify-content:center;align-items:center;flex-direction:column;border-radius:10px;overflow:hidden;background:linear-gradient(135deg,#127a32,#1bbf2f);background-size:cover;background-position:center}.loginPage .container .videoDiv video,.registerPage .container .videoDiv video{position:absolute;height:100%;width:100%;-webkit-object-fit:cover;-moz-object-fit:cover;-ms-object-fit:cover;-o-object-fit:cover;object-fit:cover;top:0;bottom:0;right:0;left:0;z-index:0;pointer-events:none;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;max-width:none;min-width:100%;min-height:100%}.loginPage .container .videoDiv .textDiv,.registerPage .container .videoDiv .textDiv{position:relative;z-index:2;text-align:center;color:var(--white-color)}.loginPage .container .videoDiv .textDiv .tittle,.registerPage .container .videoDiv .textDiv .tittle{color:var(--white-color);font-size:35px;font-weight:800}.loginPage .container .videoDiv .textDiv p,.registerPage .container .videoDiv .textDiv p{color:var(--white-color);padding:1rem;font-weight:400}.loginPage .container .videoDiv .footerDiv,.registerPage .container .videoDiv .footerDiv{position:absolute;bottom:10px;background-color:#ffffff3f;height:60px;padding:0 1rem;left:10px;right:10px;display:flex;justify-content:space-between;align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:10px;z-index:3}.loginPage .container .videoDiv .footerDiv .text,.registerPage .container .videoDiv .footerDiv .text{color:var(--white-color)}.loginPage .container .videoDiv .footerDiv .btn,.registerPage .container .videoDiv .footerDiv .btn{background-color:var(--white-color);color:var(--primary-color);padding:.8rem 1.5rem;border-radius:10px;font-weight:200;transition:.3s ease}.loginPage .container .videoDiv .footerDiv .btn:hover,.registerPage .container .videoDiv .footerDiv .btn:hover{background:linear-gradient(90deg,#109219,#1bbf2f);color:var(--black-color)}.loginPage .container .formDiv,.registerPage .container .formDiv{flex-basis:50%;margin:auto;flex-direction:column;gap:1.5rem;transform:translateY(-1rem)}.loginPage .container .formDiv .headerDiv,.registerPage .container .formDiv .headerDiv{text-align:center;padding:1.5rem 0}.loginPage .container .formDiv img,.registerPage .container .formDiv img{width:100px;padding-bottom:.5rem}.loginPage .container .formDiv h3,.registerPage .container .formDiv h3{font-size:25px;color:var(--black-color);font-weight:600}.loginPage .container .form,.registerPage .container .form{gap:1rem}.loginPage .container .form .inputDiv .icon,.registerPage .container .form .inputDiv .icon{color:var(--grey-text)}.loginPage .container .form .inputDiv input,.registerPage .container .form .inputDiv input{background:none;outline:none;border:none;width:200px}.loginPage .container .form .inputDiv label,.registerPage .container .form .inputDiv label{color:var(--black-color);font-size:14px;font-weight:400;padding:.5rem 0;display:block}.loginPage .container .form .inputDiv .input,.registerPage .container .form .inputDiv .input{gap:.5rem;padding:1rem;background:var(--inputColor);border-radius:10px;position:relative}.loginPage .container .form .inputDiv .input .password-toggle,.registerPage .container .form .inputDiv .input .password-toggle{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;margin-left:auto}.loginPage .container .form .inputDiv .input .password-toggle .eye-icon,.registerPage .container .form .inputDiv .input .password-toggle .eye-icon{color:var(--grey-text);font-size:var(--h2-font-size);transition:color .3s ease}.loginPage .container .form .inputDiv .input .password-toggle:hover .eye-icon,.registerPage .container .form .inputDiv .input .password-toggle:hover .eye-icon{color:var(--primary-color)}.loginPage .container .form .btn,.registerPage .container .form .btn{padding:.8rem;background:linear-gradient(90deg,#109219,#1bbf2f);border-radius:10px;color:var(--white-color);align-items:center;margin:auto;justify-content:center;font-size:12;width:85%;gap:.5rem;transition:.3s ease}.loginPage .container .form .btn .icon,.registerPage .container .form .btn .icon{font-size:25px;transition:.3s ease}.loginPage .container .form .btn:hover,.registerPage .container .form .btn:hover{background:90deg,#1bbf2f 0%,#109219 100%;color:var(--black-color)}.loginPage .container .form .btn:hover .icon,.registerPage .container .form .btn:hover .icon{color:var(--black-color);transform:translate(5px)}.loginPage .container .form .forgotPassword,.registerPage .container .form .forgotPassword{text-align:center;color:var(--black-color);font-size:12px;opacity:.7}.loginPage .container .form .forgotPassword a,.registerPage .container .form .forgotPassword a{text-decoration:underline;cursor:pointer}@media screen and (max-width: 480px){.loginPage,.registerPage{height:100vh;width:100vw;margin:0;border-radius:0;box-shadow:none;display:flex;justify-content:center;align-items:center}.loginPage .container,.registerPage .container{flex-direction:column;height:100vh;width:100vw;margin:0 auto;padding:1rem;border-radius:0;background-color:#e8e8e8;display:flex;justify-content:center;align-items:center}.loginPage .container .videoDiv,.registerPage .container .videoDiv{height:40vh!important;width:100%;min-height:200px;max-height:40vh!important}.loginPage .container .formDiv,.registerPage .container .formDiv{height:60vh!important;width:100%;padding:1rem;overflow-y:auto;max-height:60vh!important;display:flex;flex-direction:column;justify-content:center;align-items:center}}@media screen and (max-height: 972px) and (max-width: 1024px){.loginPage .container,.registerPage .container{height:100vh;padding:.5rem}.loginPage .container .videoDiv,.registerPage .container .videoDiv{height:40vh!important;min-height:150px;max-height:40vh!important}.loginPage .container .formDiv,.registerPage .container .formDiv{height:60vh!important;padding:.5rem;overflow-y:auto;justify-content:flex-start;max-height:60vh!important}.loginPage .container .formDiv .headerDiv,.registerPage .container .formDiv .headerDiv{padding:.5rem 0}.loginPage .container .formDiv .headerDiv img,.registerPage .container .formDiv .headerDiv img{width:70px;padding-bottom:.25rem}.loginPage .container .formDiv .headerDiv h3,.registerPage .container .formDiv .headerDiv h3{font-size:20px;margin-bottom:.5rem}.loginPage .container .form,.registerPage .container .form{gap:.8rem}.loginPage .container .form .inputDiv .input,.registerPage .container .form .inputDiv .input{padding:.8rem}.loginPage .container .form .btn,.registerPage .container .form .btn{padding:.7rem;font-size:14px;width:90%}.loginPage .container .form .forgotPassword,.registerPage .container .form .forgotPassword{font-size:11px;margin-top:.5rem}}@media screen and (max-width: 480px) and (max-height: 972px) and (max-width: 1024px){.loginPage .container,.registerPage .container{padding:.25rem}.loginPage .container .videoDiv,.registerPage .container .videoDiv{height:40vh!important;min-height:120px;max-height:40vh!important}.loginPage .container .formDiv,.registerPage .container .formDiv{height:60vh!important;padding:.25rem;max-height:60vh!important}.loginPage .container .formDiv .headerDiv img,.registerPage .container .formDiv .headerDiv img{width:50px}.loginPage .container .formDiv .headerDiv h3,.registerPage .container .formDiv .headerDiv h3{font-size:16px}.loginPage .container .form .inputDiv label,.registerPage .container .form .inputDiv label{font-size:12px;padding:.2rem 0}.loginPage .container .form .inputDiv .input,.registerPage .container .form .inputDiv .input{padding:.6rem}.loginPage .container .form .btn,.registerPage .container .form .btn{padding:.6rem;font-size:12px;width:95%}}@media screen and (max-width: 602px){.loginPage .container,.registerPage .container{flex-direction:column;height:100vh;width:100%;padding:1.5rem}.loginPage .container .videoDiv,.registerPage .container .videoDiv{width:100%;height:40vh!important;min-height:150px;max-height:40vh!important}.loginPage .container .videoDiv .textDiv .tittle,.registerPage .container .videoDiv .textDiv .tittle{font-size:20px}.loginPage .container .videoDiv .textDiv p,.registerPage .container .videoDiv .textDiv p{padding:1rem}.loginPage .container .videoDiv .footerDiv .text,.registerPage .container .videoDiv .footerDiv .text{font-size:12px}.loginPage .container .videoDiv .footerDiv .btn,.registerPage .container .videoDiv .footerDiv .btn{padding:.4rem 1.5rem}.loginPage .container .formDiv,.registerPage .container .formDiv{height:60vh!important;gap:1rem;transform:translateY(-.5rem);overflow-y:auto;justify-content:flex-start;max-height:60vh!important}.loginPage .container .formDiv .headerDiv,.registerPage .container .formDiv .headerDiv{padding:1rem 0}.loginPage .container .formDiv .headerDiv img,.registerPage .container .formDiv .headerDiv img{width:100px}.loginPage .container .formDiv .headerDiv h3,.registerPage .container .formDiv .headerDiv h3{font-size:20px}.loginPage .container .formDiv .form,.registerPage .container .formDiv .form{gap:.5rem}.loginPage .container .formDiv .form .inputDiv input,.registerPage .container .formDiv .form .inputDiv input{width:100%}}@media screen and (max-width: 678px){.loginPage .container .videoDiv .textDiv .tittle,.registerPage .container .videoDiv .textDiv .tittle{font-size:25px}.loginPage .container .videoDiv .textDiv p,.registerPage .container .videoDiv .textDiv p{padding:1rem}.loginPage .container .videoDiv .footerDiv .text,.registerPage .container .videoDiv .footerDiv .text{font-size:12px}.loginPage .container .videoDiv .footerDiv .btn,.registerPage .container .videoDiv .footerDiv .btn{padding:.8rem 1.5rem}.loginPage .container .formDiv .headerDiv,.registerPage .container .formDiv .headerDiv{padding:1.5rem 0}.loginPage .container .formDiv .headerDiv h3,.registerPage .container .formDiv .headerDiv h3{font-size:20px}.loginPage .container .formDiv .form,.registerPage .container .formDiv .form{gap:.5rem}.loginPage .container .formDiv .form .inputDiv input,.registerPage .container .formDiv .form .inputDiv input{width:100%;max-width:200px}}@media screen and (max-width: 927px){.loginPage .container,.registerPage .container{width:85%}}@media screen and (min-width: 1025px){.loginPage .container,.registerPage .container{height:75vh;width:60%;margin:auto;padding:0;flex-direction:row;justify-content:space-between;align-items:center}.loginPage .container .videoDiv,.registerPage .container .videoDiv{height:100%;width:70%;padding:0 1.5rem}.loginPage .container .formDiv,.registerPage .container .formDiv{flex-basis:50%;height:auto;padding:0;overflow-y:visible;justify-content:center;gap:1.5rem;transform:translateY(-1rem)}.loginPage .container .formDiv .headerDiv,.registerPage .container .formDiv .headerDiv{padding:1.5rem 0}.loginPage .container .formDiv .headerDiv img,.registerPage .container .formDiv .headerDiv img{width:100px;padding-bottom:.5rem}.loginPage .container .formDiv .headerDiv h3,.registerPage .container .formDiv .headerDiv h3{font-size:25px}.loginPage .container .form,.registerPage .container .form{gap:1rem}.loginPage .container .form .btn,.registerPage .container .form .btn{width:85%;font-size:12px;padding:.8rem}}@supports (-webkit-appearance: none){.loginPage .container .videoDiv video,.registerPage .container .videoDiv video{-webkit-mask-image:-webkit-radial-gradient(white,black);-webkit-transform:translate3d(0,0,0)}}@-moz-document url-prefix(){.loginPage .container .videoDiv video,.registerPage .container .videoDiv video{transform:scale(1.001)}}@supports (-ms-ime-align: auto){.loginPage .container .videoDiv video,.registerPage .container .videoDiv video{object-position:center center}}@supports ((-webkit-appearance: none) and (not (-moz-appearance: none))){.loginPage .container .videoDiv video,.registerPage .container .videoDiv video{will-change:transform}}@media screen and (max-width: 768px){.loginPage .container .videoDiv video,.registerPage .container .videoDiv video{-webkit-transform:translate3d(0,0,0);transform:translateZ(0);object-position:center center;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}}@media screen and (orientation: landscape) and (max-height: 500px){.loginPage .container .videoDiv video,.registerPage .container .videoDiv video{object-position:center top}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.loginPage .container .videoDiv video,.registerPage .container .videoDiv video{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}::-webkit-scrollbar{display:none}