body{font-family:Outfit,sans-serif;background-color:#8403fe;margin:0;padding:0;display:flex;justify-content:center;align-items:center;height:100vh}.login-container{background-color:#8403fe;padding:20px;width:90%;max-width:400px;text-align:center;box-sizing:border-box}.login-container img{max-width:200px;margin-bottom:20px}.login-container h1{margin-bottom:20px;font-size:1.5em;color:#fff}.login-container form{display:flex;flex-direction:column}.login-container input{margin-bottom:15px;padding:10px;border:1px solid #ddd;border-radius:4px;font-family:Outfit;font-size:1em}.login-container label{color:#fff}.login-container button{transition:all .4s ease;background-color:#fff;color:#8403fe;border:3px solid #fff;padding:16px 24px;border-radius:50px;font-size:1em;cursor:pointer;font-family:Outfit!important;font-weight:500}.login-container button:hover{background-color:#8403fe;color:#fff}.login-container p{color:red;font-size:0.875em}@media (max-width:768px){.login-container img{max-width:80px}.login-container h1{font-size:1.2em}.login-container input,.login-container button{font-size:0.9em;padding:8px}}@media (max-width:480px){.login-container{padding:15px}.login-container h1{font-size:1em}}