.Login{background-color:var(--violet-500);min-height:100vh}.Login,.Login .right{position:relative;display:flex;align-items:center;justify-content:center}.Login .right{padding:40px 20px;width:100%;flex-direction:column;gap:30px}@media (max-width:992px){.Login .right{padding:30px 20px}}@media (max-width:776px){.Login .right{padding:20px}}.Login .right .box{padding:60px;flex-direction:column;gap:30px;align-items:center;text-align:center;border-radius:20px;border:1px solid var(--purple-900);background:#302630;min-height:600px;max-width:100%}.Login .right .box,.Login .right .box .logo{position:relative;display:flex;justify-content:center}.Login .right .box .logo{padding:14px 22px;border-radius:999px;background-color:var(--purple-500)}.Login .right .box .logo svg{width:110px;height:auto;display:block}.Login .right .box>p{font-size:16px;font-weight:400}.Login .right .box>h1,.Login .right .box>p{position:relative;color:var(--White-50);text-align:center}.Login .right .box>h1{font-size:40px;font-weight:700}.Login .right .box>span{position:relative;color:var(--White-50);text-align:center;font-size:12px;font-weight:300;width:80%;line-height:1.5}.Login .right .box form{gap:15px}.Login .right .box form,.Login .right .box form .input-container{position:relative;display:flex;flex-direction:column;align-items:flex-start;width:100%}.Login .right .box form .input-container{gap:10px}.Login .right .box form label{position:relative;color:var(--White-50);font-size:12px;font-weight:700;text-transform:capitalize}.Login .right .input-box{position:relative;display:flex;align-items:center;gap:10px;padding:14px 20px;border-radius:50px;border:1px solid #3f2c3f;background:var(--violet-500);width:100%}.Login .right .input-box input{position:relative;width:100%;background-color:transparent;border:0;outline:0;color:var(--White-50);font-size:14px;font-weight:300}.Login .right .input-box input::-moz-placeholder{color:var(--violet-300)}.Login .right .input-box input::placeholder{color:var(--violet-300)}.Login .right .input-box input:-webkit-autofill{-webkit-text-fill-color:var(--White-50);-webkit-box-shadow:0 0 0 30px var(--violet-500) inset!important}.Login .right .box .Error{position:relative;color:red;font-size:12px}.Login .right .box .Error:empty{display:none}.Login .right .input-box button{position:relative;background-color:transparent;border:0;cursor:pointer}.Login .right .input-box svg path{fill:var(--violet-300)}.Login .right .LoginBtn{position:relative;display:flex;align-items:center;gap:10px;cursor:pointer;padding:10px 20px;border-radius:50px;background-color:var(--purple-500);border:0}.Login .right .LoginBtn .Circl{position:relative;display:flex;justify-content:center;align-items:center;padding:7px 10px;background-color:var(--violet-500);border-radius:50px}.Login .right .LoginBtn .Circl svg path{fill:var(--purple-500)}.Login .right .LoginBtn span{text-decoration:underline;font-size:14px;font-weight:700;color:var(--Promery,#2b232b)}.Login .right .ChangeLanguage{color:var(--White-50);font-size:14px;font-style:normal;font-weight:700;line-height:1;text-decoration:underline;cursor:pointer}@media (max-width:776px){.Login .right .box{padding:28px 22px;min-height:0;gap:18px}.Login .right .box>h1{font-size:30px}.Login .right .box>span{width:100%}.Login .right .box .logo{padding:11px 18px}.Login .right .box .logo svg{width:92px}}