*{margin:0;padding:0;box-sizing:border-box}.login-container{width:100%;height:calc(100dvh - 70px);display:flex;justify-content:center;align-items:center;background-image:linear-gradient(to bottom,#bab1d8,#6e6eb1,#5da5db)}.login-form{width:40%;background-color:#3f3f3f;box-shadow:#32325d40 0 50px 100px -20px,#0000004d 0 30px 60px -30px;border-radius:20px;padding:30px 30px 0}.login-form .title{text-align:center;font-size:36px;margin-bottom:10px;font-weight:600}.login-form label{padding:0 10px}.login-form input{border-radius:20px}.login-form .error-msg{color:red;margin-top:10px;font-size:14px;padding:0 10px}.login-form button{background-color:#5da5db;margin:25px 0 30px;font-weight:700;transition:all .3s;border:none;outline:none;border-radius:35px}.login-form button:hover{background-color:#6e6eb1;margin:25px 0 30px;transform:scale(1)}.animated-background-grad{background:linear-gradient(327deg,#bab1d8,#6e6eb1,#5da5db,#bd8a89);background-size:800% 800%;-webkit-animation:animated-background-grad 16s ease infinite;-moz-animation:animated-background-grad 16s ease infinite;-o-animation:animated-background-grad 16s ease infinite;animation:animated-background-grad 16s ease infinite}@-webkit-keyframes animated-background-grad{0%{background-position:20% 0%}50%{background-position:81% 100%}to{background-position:20% 0%}}@-moz-keyframes animated-background-grad{0%{background-position:20% 0%}50%{background-position:81% 100%}to{background-position:20% 0%}}@-o-keyframes animated-background-grad{0%{background-position:20% 0%}50%{background-position:81% 100%}to{background-position:20% 0%}}@keyframes animated-background-grad{0%{background-position:20% 0%}50%{background-position:81% 100%}to{background-position:20% 0%}}@media (max-width: 1200px){.login-form{width:50%}}@media (max-width: 850px){.login-form{width:60%}.login-form .title{font-size:34px;margin-bottom:8px}}@media (max-width: 650px){.login-form{width:75%;padding:20px 20px 0}.login-container .container{padding:0}.login-form .title{font-size:30px;margin-bottom:6px}}@media (max-width: 500px){.login-form{width:90%;padding:15px 15px 0}}