*{margin:0 auto;font-family:sans-serif;box-sizing:border-box}body{background-color:#22272e;height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column}.button{width:100%;height:48px;background-color:#22866d;border:0;border-radius:6px;color:#fff;font-size:20px;font-weight:700;cursor:pointer;transition:all .3s ease;margin-top:12px}.button:hover{background-color:#00b395;transform:scale(1.02)}.button-limpar{display:block;margin:12px auto 0;width:40%;height:36px;background-color:transparent;border:2px solid #e53935;border-radius:4px;color:#e53935;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease}.button-limpar:hover{background-color:#e53935;color:#fff}.container{max-width:45rem;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 14px}.logo{max-width:227px}.title{color:#fff;text-align:center;margin:24px 0}.form label{color:#fff;font-size:20px}.input{width:100%;height:48px;border:0;border-radius:4px;font-size:20px;padding:0 14px;margin-bottom:16px;margin-top:8px}.result{background-color:#2ab906;width:100%;max-width:420px;padding:20px 28px;border-radius:4px;text-align:center;display:flex;flex-direction:column;margin:30px 0;cursor:pointer;transition:transform .8s;font-size:20px}.result-title{font-weight:700;font-size:24px;color:#fff;margin-bottom:16px}.result:hover{transform:scale(1.1)}.result span{color:#fff;margin-bottom:8px}.error-message{color:red;margin-top:10px;font-weight:700;text-align:center}