.Login{position:relative;padding-top:var(--main-padding-top);padding-bottom:var(--main-padding-bottom);background-color:var(--dark-color)}.Login:before{position:absolute;content:"";width:100%;height:100%;top:0;left:0;background-image:url(/_next/static/media/BG_Section.e4556425.png);background-position:50%;background-size:cover;background-repeat:no-repeat;background-blend-mode:multiply;opacity:.1;z-index:1;transform:rotateX(180deg)}.Login .container{position:relative;padding-top:calc(var(--main-padding-top) * 1.5);padding-bottom:calc(var(--main-padding-bottom) * .5);z-index:2;display:flex;justify-content:center;align-items:center}.Login .container .LoginForm{position:relative;background:var(--dark-color);border:1px solid var(--main-alt-color);width:450px;max-width:100%;padding:40px;border-radius:0 32px 32px 32px;display:flex;flex-direction:column;gap:20px}.Login .container .LoginForm:before{position:absolute;content:"";width:18px;height:18px;background:var(--main-color);border:1px solid var(--dark-color);box-shadow:2px 2px 0 0 var(--dark-color);border-radius:50%;top:-9px;left:-9px}.Login .container .LoginForm .Info{position:relative;display:flex;flex-direction:column;gap:10px;justify-content:center;align-items:center;text-align:center}.Login .container .LoginForm .Info h1{position:relative;font-size:50px;font-weight:700;text-align:center;color:#fff;transition:var(--main-transition)}@media (max-width:776px){.Login .container .LoginForm .Info h1{font-size:35px}}.Login .container .LoginForm .Info p{position:relative;font-size:12px;font-weight:300;text-align:center;line-height:1.5;color:var(--white-alt-color);width:80%}.Login .container .LoginForm .Form{position:relative;display:flex;flex-direction:column;gap:13px}.Login .container .LoginForm .Form .SignInAction{position:relative;background:var(--main-color);border:1px solid var(--dark-color);transition:var(--main-transition);font-size:14px;font-weight:400;color:#fff;padding:12px 40px;border-radius:1rem;cursor:pointer;margin:10px 0}.Login .container .LoginForm .Form .SignInAction:hover{position:relative;background:var(--dark-color);border:1px solid var(--main-color);color:var(--main-color)}.Login .container .LoginForm .OtherActions{position:relative;display:flex;gap:20px;flex-direction:column;align-items:center;justify-content:center;text-align:center}.Login .container .LoginForm .OtherActions>a{position:relative;font-size:14px;font-weight:400;color:#fff;text-decoration:underline}.Login .container .LoginForm .OtherActions .RegisterBTN{position:relative;display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:5px;font-size:14px;font-weight:400;color:#fff}.Login .container .LoginForm .OtherActions .RegisterBTN a{text-decoration:underline;font-weight:700;color:#fff}.CustomInput{position:relative;display:flex;flex-direction:column;gap:8px;width:100%}.CustomInput label{position:relative;font-size:14px;font-weight:700;color:var(--white-alt-color);transition:var(--main-transition)}.CustomInput label span{position:relative;color:var(--Black);font-size:14px;font-weight:400}.CustomInput label span.required{color:#e9282b;font-size:16px}.CustomInput .input-wrapper{position:relative;padding:8px 16px;border-radius:18px;font-size:14px;transition:var(--main-transition);background-color:#4d4d4d;color:#fff;border:1px solid #676767;width:100%;display:flex;align-items:center;gap:10px;min-height:43px}.CustomInput .input-wrapper.disabled{border-color:#dcdcdc;background-color:gray}.CustomInput input,.CustomInput textarea{position:relative;width:100%;font-weight:400;height:25px;border:none;background:transparent;color:#fff;font-size:14px;font-family:400;outline:none}.CustomInput input:-webkit-autofill,.CustomInput input:-webkit-autofill:active,.CustomInput input:-webkit-autofill:focus,.CustomInput input:-webkit-autofill:hover,.CustomInput textarea:-webkit-autofill,.CustomInput textarea:-webkit-autofill:active,.CustomInput textarea:-webkit-autofill:focus,.CustomInput textarea:-webkit-autofill:hover{-webkit-transition:background-color 9999s ease-in-out 0s;transition:background-color 9999s ease-in-out 0s;-webkit-text-fill-color:#fff}.CustomInput input::placeholder{color:gray;font-size:12px}.CustomInput .input-wrapper:focus-within{border-color:var(--main-color);outline:none}.CustomInput .toggle-password{background:none;border:none;cursor:pointer;color:gray;width:25px;height:25px;font-size:16px;padding:4px;display:flex;align-items:center;transition:var(--main-transition)}.CustomInput .toggle-password.active,.CustomInput .toggle-password:hover{color:var(--main-color)}.CustomInput .char-counter{display:flex;justify-content:flex-end;align-items:center;font-size:12px;color:gray;padding:2px 4px;margin-top:-3px}.CustomInput .char-counter span{font-weight:400;transition:color .3s ease}.CustomInput .char-counter .char-limit-reached{color:#e9282b!important;font-weight:500}.CustomInput textarea{resize:vertical;min-height:150px}.CustomInput .note{position:relative;color:gray;font-size:12px;font-weight:400;line-height:1.3}