.loader{aspect-ratio:1;border:5px solid #ffffff68;border-right-color:#fff;border-radius:50%;width:30px;height:30px;animation:1s linear infinite l2}.loader.black{border:5px solid #bdbdbd68;border-right-color:#000}@keyframes l2{to{transform:rotate(1turn)}}
.form--login{justify-content:center;align-items:center;width:50%;height:100vh;margin-left:50px;display:flex}.form--container{background:#2a3333c4;border-radius:40px;flex-direction:column;gap:15px;width:650px;min-height:450px;padding:70px 90px;display:flex}.form--container .title p{color:#85d0d7}.form--container .title h1{color:#fff}.form--container .forgot-password{justify-content:flex-end;display:flex}.form--container .forgot-password button{color:#fcda05;cursor:pointer;background:0 0;border:none}.form--container form{flex-direction:column;gap:24px;display:flex}.form--container input{border:none;outline:none}@media screen and (max-width:1050px){.form--login{width:100%;margin-left:0}.form--container{min-height:fit-content;margin-left:0;padding:70px 50px}}@media screen and (max-width:850px){.form--login{width:100%;margin-left:0}.form--container{min-height:fit-content;margin:0 20px;padding:70px 80px}}@media screen and (max-width:500px){.form--login{width:100%;margin-left:0}.form--container{min-height:fit-content;margin:0 15px;padding:70px 40px}}@media screen and (max-height:640px){.form--login{margin-top:20px}.form--container{margin-top:100px}}