.Login{position:relative;padding-top:var(--main-padding-top);padding-bottom:var(--main-padding-bottom);background-color:#000}.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:#242424cc;border:1px solid #f04a50;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:#ec1d24;border:1px solid #212121;box-shadow:2px 2px 0 0 #212121;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,.Login .container .LoginForm .Form .Input-box{position:relative;display:flex;flex-direction:column;gap:13px}.Login .container .LoginForm .Form .Input-box label{position:relative;font-size:14px;font-weight:700;color:var(--white-alt-color)}.Login .container .LoginForm .Form .Input-box>input{position:relative;background:#4d4d4d;border:1px solid #676767;padding:12px 20px;border-radius:18px;font-size:14px;font-weight:400;outline:0;width:100%;color:#fff}.Login .container .LoginForm .Form .Input-box .Password-box{position:relative;display:flex;align-items:center;gap:10px;background:#4d4d4d;border:1px solid #676767;border-radius:18px;padding:0 20px}.Login .container .LoginForm .Form .Input-box .Password-box>input{position:relative;background:transparent;border:none;font-size:14px;font-weight:400;outline:0;width:100%;color:#fff;padding:12px 0;border-radius:18px 0 0 18px}.Login .container .LoginForm .Form .Input-box .Password-box button{position:relative;width:20px;height:18px;background-color:transparent;border:0;cursor:pointer}.Login .container .LoginForm .Form .Input-box .Password-box button svg{width:100%;height:100%;cursor:pointer}.Login .container .LoginForm .Form .SignInAction{position:relative;background:#ec1d24;border:1px solid #212121;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:#212121;border:1px solid #ec1d24;color:#ec1d24}.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}