@import"https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;500;700&display=swap";*{font-family:Ubuntu,sans-serif;padding:0;margin:0}.container{width:100vw;height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#f1f5f9}.card{width:320px;background-color:#fff;border-radius:10px;overflow:hidden;margin:0 8px}.card-header{border-bottom:2px solid #f6f6f6;padding:15px 20px;background-color:#fff}.card-body{padding:0 20px 20px}.title{font-size:16px;font-weight:500;color:#343434;margin:0}.label{display:block;font-size:14px;color:#343434;margin:0 0 5px;margin-top:1rem}.input{width:250px;font-size:14px;padding:10px 15px;background-color:transparent;border-radius:5px;border:1px solid #34343450}.input::placeholder{font-size:14px;font-weight:400;color:#343434;opacity:40%}.input:focus{outline:none;border:1px solid #6140ac}.btn{width:100%;display:inline;background-color:#8b5cf6;border-radius:5px;padding:10px 20px;border:none;color:#fff;font-weight:500;cursor:pointer;margin-top:15px;transition:all ease-in .2s}.btn:hover{color:#382562;background-color:#dccefc}.error-message{font-size:12px;font-weight:500;color:red;margin-top:5px}.success-message{font-size:12px;font-weight:500;color:green;margin-top:20px}